Slick Карусель data-slick Настройка «appendDots» не работает должным образом - PullRequest
Новая
       2

Slick Карусель data-slick Настройка «appendDots» не работает должным образом

0 голосов
/ 27 февраля 2020

Я реализую плагин Slick Carousel на странице моего сайта. Карусель работает, как и ожидалось, с одной проблемой. Я хотел бы заставить точки навигации появляться вне контейнера 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 или Элемент может быть в контексте реализации атрибутов данных

  1. Можно ли это сделать с помощью метода атрибутов данных?
  2. Если это так, как мне это сделать?
...