How to load sliders on subsequent pages in GD Infinite Scroll? Here is my Testcase.
If you scroll down, the feed will automatically extend: It is an infinite scroll-feed.
However, the slider images of subsequent pages are not being loaded.
As soon as the page is being refreshed, all visible sliders are loaded.

In the scenario I use the following two Drupal modules:


GD Infinite Scroll
Zurb Orbit


How can I get sliders of subsequent pages to work properly?
(Additionally: If the last page is being scrolled down, the infinite scroll would literally keep scrolling this very page infinitely. Is there a way to prevent it and just stop upon hitting the last post of the last page?)
user gooddesignusa kindly showed me a solution:

scripts.js in the theme folder has to be like this (can also be created if no scripts.js is there):

(function ($, Drupal) {

  Drupal.behaviors.STARTER = {
    attach: function(context, settings) {
      // Get your Yeti started.
    }
  };

  //runs on document ready. 
    $(function(){
    //checks for autopager function and checks if ID of view is on page
    if($.autopager &amp;&amp; $('#gelaendespiele').length){
      //binds ajaxSuccess 
      $(document).bind('ajaxSuccess.autopager',function(event, xhr, settings){
        //rerun function after ajax is done loading
        $(this).foundation('reflow');
      });
    }
  });

})(jQuery, Drupal);


Then I had to uncomment line 72 of my info file (make sure scripts.js is included)

Finally clear all caches.