슬릭 슬라이더 추가 슬라이드 안의 닷

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'), 
    }); 
});