2017-02-24 79 views
1

我添加了滑動滑塊來在我的網站上創建滑塊。得到了工作點,並將它們附加到幻燈片中,作爲讓它們處於我想要它們的位置的唯一方法,但現在活動狀態不適用於這些點。滑動滑塊追加滑塊內的點

可能是因爲它包含了儘可能多的幻燈片。任何人都可以幫助我嗎?

$(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> 

預先感謝您的任何答案。

+0

你可以共享一個工作示例(可以是codepen或jsBin或JSfiddle),包括CSS,它會讓你更容易理解你的問題 – BhaveshSGupta

回答

0

從文檔slick期待(選擇器,htmlString,數組,元素,jQuery對象),所以你應該這樣做。

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