Add ability to use asNavFor for many slicks

Currently only one slick supported as navigation for, but if you change method to this:

Slick.prototype.asNavFor = function(index) {
        var _ = this, asNavFor = _.options.asNavFor != null ? $(_.options.asNavFor) : null;
        asNavFor.each(function() {
            $(this).getSlick().slideHandler(index, true);
        });
    };

it would be possible to use multiple selectors in asNavFor

[anneminford]

I’ve got 2 instances of a slider on a page, they work perfectly apart from the dots only appear on the second slider? Any ideas?

jQuery(‘.slider-for’).each(function (idx, item) { var carouselId = “carousel” + idx; this.id = carouselId; var newClassFor = ‘#’+carouselId +‘.slider-nav’; jQuery(this).slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: newClassFor }); });

jQuery(‘.slider-nav’).each(function (idx, item) { var carouselId = “carousel” + idx; this.id = carouselId; var newClass = ‘#’+carouselId +‘.slider-for’; console.log(newClass); jQuery(this).slick({ slidesToShow: 3, slidesToScroll: 1, asNavFor: newClass, dots: true, arrows:true, centerMode: false, focusOnSelect: true, }); });

[chrisharrisonkiwi]

If anyone else finds my error coming up above, Here’s my patch:

Slick.prototype.asNavFor = function(index) {
    var _ = this, asNavFor = _.options.asNavFor != null ? $(_.options.asNavFor):null;
    if(asNavFor != null){
        asNavFor.each(function(item){
            $(asNavFor[item]).slick('getSlick').slideHandler(index, true);
        });
    }
};