В чем проблема slick slider?

Question

[saplas]

У меня есть верстка с табами

при переходе на другие табы slick slider не работает.

function mainTabs() {
    $('.main-tabs').on('click', 'li:not(.active)', function () {

        $(this)
            .addClass('active').siblings().removeClass('active')
            .closest('#discounts').find('.one-tab').removeClass('active').eq($(this).index()).addClass('active');
            

    });
    $('.main-tabs').on('click', 'li:not(.active)', function () {
       
        $(this)
            .addClass('active').siblings().removeClass('active')
            .closest('#discounts').find('.slider').slick('setPosition');

    });
}

на моб. вообще не отображается.

Answer 1

[Антон Усачев]

Думаю, нужен реинит слика при переключении табов. Он пытается обратиться к блоку на первом слайде, который уже display: none.

Comments

[saplas]

Я пробовал. Может быть не там вставлял код.

function mainTabs(){
    $('.main-tabs').on('click', 'li:not(.active)', function(){
        $(this).addClass('active').siblings().removeClass('active').closest('#discounts').find('.one-tab').removeClass('active').eq($(this).index()).addClass('active').find('.slider').slick('reInit');
        

    });

}

Вот так делал еще, тоже не получилось.

Uncaught TypeError: Cannot read property 'apply' of undefined
    at n.fn.init.i.fn.slick (slick.min.js:18)
    at HTMLLIElement.<anonymous> (script.js:134)
    at HTMLUListElement.dispatch (jquery-1.12.4.min.js:3)
    at HTMLUListElement.r.handle (jquery-1.12.4.min.js:3)

[Антон Усачев]

При переключении табов нужно реинитить слик через метод $('.slider').slick('reinit');

Answer 2

[LaraLover]

Была проблема с отображением slick в табах, решил этим https://github.com/kenwheeler/slick/issues/187#iss...

Answer 3

[N O]

Судя, по ошибке, ты ему передал не существующий параметр.
Можешь более подробнее описать, когда переслало работать, что именно ты сделал?