0

Есть 2 засинхроненых слайдера слайдера. По клику на кнопку "close-btn" первого слайда в основном слайдере хотелось бы убрать этот же номер слайда из вспомогательного слайдера. Вёрстку менять не могу. У каждого слайда есть уникальный data-slick-index, но подобраться к нему мне не хватает знаний. В js плохо разбираюсь. Может кто сталкивался с такой проблемой. Вот ссылка на плагин http://kenwheeler.github.io/slick/

$(document).ready(function () {
    $('.mainSlider').slick({
        asNavFor: '.forSlider'
    });
    $('.forSlider').slick({
        asNavFor: '.mainSlider'
    });
});
<div class="mainSlider">
  <div class="slide1">
   <div class="close-btn"></div>
  </div>
  ...
  <div class="slide10"></div>
</div>

<div class="forSlider">
  <div class="slide1"></div>
  ...
  <div class="slide10"></div>
</div>

1
  • Приведите код удаление слайда для первого слайдера. 17 янв 2019 в 4:58

1 ответ 1

0

пробовал через index(), но явно не получается:

$(document).ready(function () {
  $('.compare-goods-list-close-btn').on('click', function() {

  var indexOfcard = $(this).index('.compare-goods-list-close-btn');
       
    $('.compare-goods-list').slick('slickRemove', $('.slick-  slide').index(indexOfcard));
   
   $('.compare-goods-fix__list').slick('slickRemove', $('.slick-slide').index(indexOfcard));
    })
  });
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.