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

卡罗琳·奥利维亚(Caroline Olivia)

我有一个带有下拉菜单的自举导航,其中有一个女巫,我想要一个光滑的滑块。

但是在打开下拉菜单时会将所有项目放在一起。

它在下拉菜单之外可以正常工作,如果给下拉列表显示课程,则可以正常工作。

码管

光滑的js代码:

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

请帮忙!

伊斯兰教Elshobokshy

只需向您的父div添加一个ID,然后手动调整其大小即可。发生问题是因为插件在隐藏的同时进行了初始化,并且使其大小混乱。因此,在这里,当滑块变得可见时,我们将强制调整大小。

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章