Javascript 在引导下拉列表中显示滑动条

我想显示一个光滑的滑块内的引导下拉式元素。 问题是，如果下拉列表从一开始就没有打开，滑块将无法工作。 上一个/下一个按钮也不起作用

以下是我当前的代码作为工作示例：

我使用的是Bootstrap和slick的默认样式

滑块中的JS代码：

$('.mini-cart-items').slick({
    dots: false,
    nextArrow: $('#minicartnext'),
    prevArrow: $('#minicartprev'),
    infinite: false,
    speed: 300,
    slidesToShow: 3,
    slidesToScroll: 1,
    mobileFirst: true,
    vertical:true,
});

如果下拉列表从一开始就打开，则一切正常。

---

对此我能做些什么吗？

引导下拉列表仅用于保存引导下拉列表项。您可以将其他内容放入popover中

首先，在jQuery、Popper和Bootstrap之后添加此脚本：

<script>
    $(function () {
        $('[data-toggle="popover"]').popover({
            html: true,
            sanitize: false,
        })
    })
</script>

$（函数（）{
$（'[data toggle=“popover”]'）。popover({
是的，
消毒：错，
})
})

其次，将

data toggle=“popover”

添加到触发器

第三，使用

标题

和

数据内容

属性设置标题和内容

---

谢谢！但是我需要使用这个下拉组件。对不起，我注意到上面发布的代码片段有一个问题。它说的是消毒而不是消毒。现在应该可以了。