AJAX content

Hi DDDDvvVVV,

Sorry for the delay, I’ve been super busy on other stuff latelty.

This is a weird bug. I spent a lot of time architecturing this thing so that it would be backwards compatible. Can you go to Settings > JSJ Gallery Slideshow > Advanced > Log and then turn logging on.

After you do that 1. go to your site, 2. open your console, 3. and run the function window. createJSJGallerySlideshow() manually and copy paste the output here.

Here’s what I got on mine:

automatically find and run slideshows jsj-gallery-slideshow.min.js:514
[cycle2] –c2 init– jsj-gallery-slideshow.min.js:410
[cycle2] cycle-stopped jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] cycle-stopped jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] cycle-destroyed jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] –c2 init– jsj-gallery-slideshow.min.js?ver=3.9.2:410
window.createJSJGallerySlideshow();
[cycle2] cycle-stopped jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] cycle-stopped jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] cycle-destroyed jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] –c2 init– jsj-gallery-slideshow.min.js?ver=3.9.2:410
Object {init: function, getJQueryElement: function, get$el: function, settings: Object, utilities: Object…}

Also, can you include a URL for this? That would help in debugging it. Thanks!

Hi DDDDvvVVV,

I know what’s happening! This is definitely a BUG!

Basically, the plugin is caching the jQuery element. So it only looks for the slideshows on document.ready. When it loads new content through AJAX it’s still using the same jQuery elements and is not querying the DOM for new ones. This is a bug, since when you run the slideshow it should query new jQuery elements.

Anyways, I’m going to work on this plugin for a bit this week. I’ll fix it in a couple of days and let you know. The next update should fix this.

If you want to fix it yourself, you might need to setup grunt and stuff like that, but basically the fix is this:

https://github.com/thejsj/jsj-gallery-slideshow/blob/master/static/js/app/main.js#L105-L110

Change this:

self.getJQueryElement = function () {
            if (__self.document_ready) {
                return __self.$el;
            }
            return $(__self.selector);
        };

for this:

self.getJQueryElement = function () {
            return $(__self.selector);
        };

I will probably make it so that if you do createJSJGallerySlideshow(true) it will requery the DOM for slideshow elements, so you might want to include that in your code.

Thanks for the find!

Sounds good! Let me see when I can tackle that. Didn’t have time in the last couple of days.