提问者:小点点

滑块在引导下拉菜单中不起作用


我有引导导航与一个下拉,女巫在它里面,我想有一个光滑的滑块。

但在打开下拉列表时,它会将所有项放在一起。

它在下拉列表之外工作得很好,如果给下拉列表显示类,它也会工作。

编码素

光滑的js代码:

$(document).ready(function(){
 $('.slider').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3,
 });
});

请救命!


共1个答案

匿名用户

只需将id添加到父div,然后手动调整其大小。 出现这个问题是因为插件在隐藏时初始化,这会影响它的大小。 所以在这里,当滑块变得可见时,我们强制调整大小。

<div class="dropdown-menu" aria-labelledby="navbarDropdown" id="myDropdown"></div>

$("#navbarDropdown").on("click", function() {
  $('.slider').resize();
});

工作小提琴:https://jsfiddle.net/jrkhow17/