smoothstate.js

I am using SmoothState.js for page transitions and it works fine and loads the new pages with ajax. However, I have JS scripts on each page that need to be reinitialized and I have not been able to get them to always be present on page transitions. Based on the FAQ: smoothState.js provides the onAfter callback function that allows you to re-run your plugins. This can be tricky if you're unfamiliar with how AJAX works. When you run a plugin on $(document).ready(), it's going to register only on elements that are currently on the page. Since we're injecting new elements every load, we need to

I have managed to implement the smoothState.js plugin on my website and it works nicely, but my other very simple jQuery plugin will not work, wich starts with: $(document).ready() I need to refresh the page in order for it to work again. I've read the smoothState documentation and it says I should wrap your plugin initializations in a function that we call on both $.fn.ready() and onAfter — but I'm farely new to programming, so I'm asking for your help. How can I make my jQuery plugins work with smoothState? NewJenk You need to wrap scripts that are initiated with $(document).ready() in a

I'm trying to build an effect like this for smoothstate: http://tympanus.net/Development/PageTransitions/ , specifically the "room" transitions. I'm getting stuck on trying to display both pages at once - I want the new content to push the old off the screen. lots of code follows...it all works, but it waits until after the old content is offscreen to start adding new content $(function(){ 'use strict'; var options = { prefetch: true, cacheLength: 10, onStart: { duration: 500, // Duration of our animation render: function ($container) { // scroll up $("html, body").animate({ scrollTop: "0px" }