orion3dgames / gridder

A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
http://orion3dgames.github.io/gridder/
461 stars 130 forks source link

Ajax Elements re-initialization of Gridder #45

Open mattherick opened 8 years ago

mattherick commented 8 years ago

Hi, I have a page, where li-elements are loaded in a gridder-ul and after that I initialize the gridder with $('.gridder').gridderExpander(....) for these elements -> is working correct.

If I now want to load more li-elements and append them to the gridder-ul it is not working anymore. If I re-initialize the gridder the new elements are working and the old ones not.

Any idea how this could be fixed?

I initialize it like following:

$('.gridder').gridderExpander({
    scroll: true,
    scrollOffset: 30,
    scrollTo: "listitem",                  // panel or listitem
    animationSpeed: 400,
    animationEasing: "easeInOutExpo",
    showNav: false,                      // Show Navigation
    nextText: "Next",                   // Next button text
    prevText: "Previous",               // Previous button text
    closeText: "Close",                 // Close button text
    onStart: function(){
        //Gridder Inititialized
    },
    onContent: function(){
        //Gridder Content Loaded
      var element = jQuery(".gridder-show");
      initializeFullFlexslider(element); // custom function to initialize a flexslider within the gridder
    },
});
marcsalmon commented 7 years ago

Did you solve this in the end? We've encountered the same issue..

orion3dgames commented 7 years ago

Any example, as I've successfully done that many time. ???

zzzaJ commented 6 years ago

I am also having this issue. @oriongunning any chance you could present an example of how this would work? (i.e. a successfully working implementation).