当我的元素可见时,光滑的滑块就会建立并销毁

时间:2019-11-03 15:02:37

标签: jquery slider slick

a有问题。 当我的元素.bus-information-wrapper可见时,我可以在其中构建光滑的滑块。当关闭此元素时,我可以破坏光滑的滑块。

$('.bus-galery').slick('unslick');

此代码不起作用,我不知道为什么。

        $(".slide__button").click(function () {
            if ($(".bus-information-wrapper").is(":visible")) {
                $(".bus-information-wrapper").slideToggle(function () {
                    console.log("close");
                    $('.bus-galery').slick('unslick');
                });
            } else {
                $(".bus-information-wrapper").slideToggle(function () {
                    console.log("open");
                    $('.bus-galery').slick({
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        arrows: false,
                        fade: true,
                        autoPlay: true,
                        autoplaySpeed: 2000,
                        asNavFor: '.bus-galery-nav',
                    });
                    $('.bus-galery-nav').slick({
                        slidesToShow: 3,
                        slidesToScroll: 1,
                        asNavFor: '.bus-galery',
                        dots: false,
                        centerMode: true,
                        focusOnSelect: true,
                        prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left"></i></button>',
                        nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right"></i></button>',
                        responsive: [{
                            breakpoint: 480,
                            settings: {
                                slidesToShow: 2
                            }
                        }]
                    });
                });
            }
        });

0 个答案:

没有答案