我正在网站上的页面上实现Slick轮播插件。转盘正按预期运行,只有一个问题。由于显示错误,我想强制将导航点显示在Slick容器之外。文档似乎通过appendDots
属性提供了此功能,该属性表示:
Type: string
Default: $(element)
Change where the navigation dots are attached (Selector, htmlString, Array, Element, jQuery object)
问题是我正在使用数据属性方法应用设置,该方法适用于大多数其他设置,但似乎不适用于此设置。我有以下设置:
{
"slidesToScroll": 1,
"autoplay": true,
"autoplaySpeed": 5000,
"arrows": true,
"dots": true,
"appendDots": ".js-d-carousel ",
"infinite": true,
"centerMode": true
}
Like so:
<div class="js-d-carousel" data-d-carousel-options='{"slidesToScroll": 1, "autoplay": true, "autoplaySpeed": 5000, "arrows": true, "dots": true, "appendDots": ".js-d-carousel", "infinite": true, "centerMode": true}'>
<div class="slide-container"></div>
<div class="slide-container"></div>
</div>
根据我尝试过的选择器(不执行任何操作)和jQuery对象(导致错误)的文档,我不确定数据属性实现的上下文中可能是什么htmlString,Array或Element < / p>