A FlexSlider inside a slide of another FlexSlider about flexslider HOT 10 CLOSED

I suggest waiting for the next version release, but if you need to work it out right now you can play with the jquery.flexslider.js file.

On lines like line 21, container is set to $('.slides', slider). When you have two .slides nested within your slider, it gets choked up. You can remedy this with $('> .slides', slider) or $('.slides', slider).first(). I could be wrong as I have only done very light testing with this, but it has worked thus far. The fact I'm not sure is why I suggest waiting for the next version release. :)

from flexslider.

Thanks Tyler!
I supposed that I need to do something like that but first I wanted to be sure.
Now I'll try this fix.

from flexslider.

I've tried in this moment,
but it doesn't work...
maybe needs to modify the " slider.slides = $('.slides > li', slider); " row?

from flexslider.

Yes, sorry if I wasn't clear. Any instance of declaring .slides should involve some delimiter ensuring it only gets the first child of that selector. So, you'll mimic what you did previously to that line.

Also, search for slider.newSlides in there and you might find another selector.

from flexslider.

I've tried to change " slider.slides = $('.slides > li', slider); " in different ways but I've no success.
Could you suggest me how to make how to fix this?

from flexslider.

I've made this changes to get it work:

slider.container = $('.slides', slider); -> slider.container = $('.slides', slider).first();
slider.slides = $('.slides > li', slider); -> slider.slides = $('.slides:first > li', slider);
slider.newSlides = $('.slides > li', slider); -> slider.newSlides = $('.slides:first > li', slider);

For now it's working for me.

from flexslider.

Yeah, those three should variables should cover it.

from flexslider.

I'm looking to set up a FlexSlider where each "slide" is another FlexSlider. I'm using v2.1 and am wondering if the above discussion/solution is still relevant, being that it was from a year ago.

from flexslider.

@kmeronuk did you have any luck with this?

from flexslider.

followed this with version v2.1 and it worked:
http://stackoverflow.com/questions/14770351/woothemes-flexslider-one-unique-flexslider-inside-another-flexslider-is-it-p

I didn't nest my second slider start, maybe I should. Currently it's something like:

var App = function () {
    return {
        initSliders: function () {
            $('#mainpage-flexslider').flexslider({
                animation: "slide"
            });
            $('#clients-flexslider').flexslider({
                animation: "slide"
            });
        }
    };
}();

jQuery(document).ready(function() {
    App.initSliders();
});

from flexslider.