What is the problem with slick slider?

Question

JavaScript

I have a layout with

tabs when switching to other tabs, the slick slider does not work.

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');

    });
}

on mob. not displayed at all.

Answer 1

I think I need to reinit the slick when switching tabs. It's trying to refer to a block on the first slide that already has display: none.

Answer 2

There was a problem with displaying slick in tabs, I solved it https://github.com/kenwheeler/slick/issues/187#iss...

Answer 3

Judging, by mistake, you passed a non-existent parameter to it.
Can you describe in more detail when you were sent to work, what exactly did you do?