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
}
}]
});
});
}
});