滑らかなスライダappendDotsをスライド内に入れます

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

ドキュメントから、slickは（Selector、htmlString、Array、Element、jQueryオブジェクト）を期待していますので、このようなことを行う必要があります。

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