Question

我添加了光滑滑块以在我的网站上创建滑块。得到点工作并将它们附加到幻灯片中，因为它是将它们放在我想要的位置的唯一方法，但现在活动状态不起点。

可能是因为它被包含在尽可能多的幻灯片中。有人帮我这个吗？

$(document).ready(function() {
  $('.main-slider').slick({
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: true,
    appendDots: '.appendDots',
  });
});

<div class="flex-center" style="background-image: url('http://lorempixel.com/1900/400')">
  <div class="flex-inner">
    <div class="container">
      <div class="flex-content">
        <div class="col-md-12">
          <div class="appendDots"></div>
        </div>
        <div class="col-md-12">
          <h2>Distributor of commercial vehicle parts &amp; Accessories</h2>
          <p>To fit European truck &amp; trailers</p>
        </div>

        <div class="col-md-12">
          <a class="button button-background" href="#">Shop Now <span class='glyphicon glyphicon-circle-arrow-right'></span></a>
        </div>
      </div>
    </div>
  </div>
</div>

提前感谢您的任何答案。

Answer 1

从文档中看，期待一个（Selector，htmlString，Array，Element，jQuery对象），所以你应该做这样的事情。

$(document).ready(function() {
  $('.main-slider').slick({
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: true,
    appendDots: $('.appendDots'),
  });
});

光滑滑块在幻灯片中附加点

1 个答案: