我有引导导航与一个下拉,女巫在它里面,我想有一个光滑的滑块。
但在打开下拉列表时,它会将所有项放在一起。
它在下拉列表之外工作得很好,如果给下拉列表显示类,它也会工作。
编码素
光滑的js代码:
$(document).ready(function(){
$('.slider').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 3,
});
});
请救命!
只需将id添加到父div,然后手动调整其大小。 出现这个问题是因为插件在隐藏时初始化,这会影响它的大小。 所以在这里,当滑块变得可见时,我们强制调整大小。
<div class="dropdown-menu" aria-labelledby="navbarDropdown" id="myDropdown"></div>
$("#navbarDropdown").on("click", function() {
$('.slider').resize();
});
工作小提琴:https://jsfiddle.net/jrkhow17/