光滑的轮播数据光滑设置“ appendDots”无法按预期工作

时间:2020-02-27 19:29:29

标签: slick.js

我正在网站上的页面上实现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>

  1. 可以使用数据属性方法吗?
  2. 如果是,该怎么办?

0 个答案:

没有答案