Stack Overflow
Stack Overflow

Questions tagged [smoothstate.js]

smoothState.js is a jQuery plugin for adding page transitions.

smoothState.js is a jQuery plugin that progressively enhances page loads to give us more control over page transitions.

79 questions
5
votes
1 answer

Wordpress Audio Player and SmoothState. What to call on callback to reload player on new pages?

I'm using a Wordpress Audio Player with shortcode on the code in the "header.php" page. I'm using also SmoothState (http://miguel-perez.github.io/smoothState.js/). What function I have to call on "callback" to reload player on the new pages? I'm…
user4412054
5
votes
2 answers

content.toggleAnimationClass(); is not a function

I have the html and css working fine with the most basic use of smoothState.js ;(function ($) { $('#main').smoothState(); })(jQuery); However even with this basic implementation if you select the link of the current page, (i.e. to reload the…
Mudlabs
  • 551
  • 5
  • 16
3
votes
1 answer

How can I allow the user to transit between webpages without stopping an ongoing process?

I have a multi-paged web app, in which users may go to a different page during an ongoing process. For example a user may be at /home and he may click a link to /dashboard while, say some music is being played through an
ankit
  • 31
  • 2
3
votes
1 answer

Contact Form 7 throws 'wpcf7.initForm is not a function' error when loading page through AJAX (smoothstate.js)

I'm trying to implement Contact Form 7 on my wordpress website with smoothstate.js. The contact form works perfectly when the page where it is used on is loaded directly. However, if the page is loaded via AJAX the error 'wpcf7.initForm is not a…
Luke Dagnall
  • 33
  • 1
  • 5
3
votes
1 answer

High amount of http requests when combining lazySizes and smoothState plugins

We're using the JS plugins lazySizes (https://github.com/aFarkas/lazysizes) and smoothState (https://github.com/miguel-perez/smoothState.js) on our agency site and while they work together, there is an unusual amount of http requests generated upon…
Staffan Estberg
  • 6,795
  • 16
  • 71
  • 107
3
votes
0 answers

Smoothstate js keeps reloading scripts on repeat

I'm using smoothstate js for changing pages via ajax and when I click on a link, the page loads successfully and the plugin works, however, it calls my js scripts over and over again and eventually crashes the browser. What could be causing this?…
beliy333
  • 479
  • 11
  • 23
3
votes
1 answer

SmoothState onAfter callback

I have a site that has elements like a slider on most pages. I am trying to implement the SmoothState JS but I am running into the issue of the second page breaking. I know through the documentation I probably need to add the onAfter callback but I…
Darren
  • 105
  • 2
  • 14
3
votes
0 answers

Smoothstate.js: Preventing header from reloading, despite these links triggering the page change

smoothstate.js requires that the links that trigger the ajax call are located inside the #main div that houses the content to be updated. However, I need the header and the links housed inside to remain omitted from the content swap, preferably only…
Daniel Bernardi
  • 487
  • 2
  • 7
3
votes
3 answers

Smoothstate.js .is-exiting reverse animation not firing

I know this question has been asked in various places but I have yet to find an answer that works for my situation. I'm using smoothstate.js to fire a series of animations when the page loads, and (hopefully) reverse the animations when the page…
Bridget Kilgallon
  • 325
  • 2
  • 3
  • 9
2
votes
1 answer

smoothstate.js - back button sometimes doesn't work?

I'm using the plugin smoothstate.js on my website. For some reason, every now and again when I navigate through the pages using the back and forward buttons, the back button stops working. The URL changes but the content remains the same? I've…
Shaun
  • 757
  • 1
  • 8
  • 36
2
votes
1 answer

ajaxRequest.success is not a function with smoothState.js

I'm trying to implement smoothState.js into a custom WordPress theme but when i make a hover on my navigation, i can see this error : Uncaught TypeError: ajaxRequest.success is not a function fetch @ jquery.smoothState.js:352 hoverAnchor @…
Mat
  • 23
  • 4
2
votes
1 answer

smoothState.js - Different stylesheets on different pages?

I am currently trying to implement smoothState.js on my website. I have, however, run into a problem when transitioning between pages. The problem is that the new content is 'unstyled' (more accurately put it is styled with the styles of the…
user1671572
2
votes
1 answer

SmoothState not firing $(document).ready()

I'm putting together a simple site and I want to use the nice transitions from SmoothState.js, but I also use other jQuery scripts (such as Flexslider) that I have set up to fire on $(document).ready() -- and now that my transitions are nice and…
Chuck Le Butt
  • 47,570
  • 62
  • 203
  • 289
2
votes
1 answer

SmoothState.JS toggle animations is not working

i tried to embed the smoothState.js into my project. But for any reasons the "animation-direction: alternate-reverse;" is not working (or something else). The element is only fading in but not out. I tried everything but nothing works. html
Dennis
  • 137
  • 1
  • 2
  • 14
1
vote
0 answers

How to include smoothState.js or any JS library in wordpress theme efficiently

me and a friend web developer tried so many solutions before bothering you here. We humbly ask your help, We also saw that Stack overflow is open for help if we put the tag : smoothState.js. we really need your help, here's our problem : We tried…
zack
  • 41
  • 5
1
2 3 4 5 6