我有一个带有下拉菜单的自举导航,其中有一个女巫,我想要一个光滑的滑块。
但是在打开下拉菜单时会将所有项目放在一起。
它在下拉菜单之外可以正常工作,如果给下拉列表显示课程,则可以正常工作。
光滑的js代码:
$(document).ready(function(){
$('.slider').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 3,
});
});
请帮忙!
只需向您的父div添加一个ID,然后手动调整其大小即可。发生问题是因为插件在隐藏的同时进行了初始化,并且使其大小混乱。因此,在这里,当滑块变得可见时,我们将强制调整大小。
<div class="dropdown-menu" aria-labelledby="navbarDropdown" id="myDropdown"></div>
$("#navbarDropdown").on("click", function() {
$('.slider').resize();
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句