jquery - 当我尝试申请两个 ID(divs) 时， slider 自动播放不起作用

Question

我在我的视差设计中使用了 Cslider，我非常喜欢它，但是当我将 cslider 应用于 2 个实例(对于 2 个不同的 div)时我对此感到震惊，当我尝试时它工作正常申请1个实例(1个div)。我想要的是我需要为 1 个 div 应用 cslider autoplay true 和为另一个 div 应用 cslider autoplay false ，就像下面一样

<script type="text/javascript">

$(function() {

    $('#div1').cslider({
    autoplay    : false

     });

    $('#div2').cslider({
    autoplay    : true,
    bgincrement : 450
     });

});

</script>

我的 HTML 代码:

<div id="div1" class="da-slider">
    <div class="da-slide">
    <h2>Some description</h2>
    <p>Some description Some description Some description Some description Some description Some description Some description Some description Some description</p>
    <a href="#" class="da-link">Read more</a>
        <div class="da-img"><img src="css/slider/images/2.png" alt="image01" /></div>
        </div>

        <div class="da-slide">
    <h2>Some description</h2>
    <p>Some description Some description Some description Some description Some description Some description Some description Some description Some description</p>
    <a href="#" class="da-link">Read more</a>
        <div class="da-img"><img src="css/slider/images/2.png" alt="image01" /></div>
        </div>  

     <nav class="da-arrows">
    <span class="da-arrows-prev"></span>
    <span class="da-arrows-next"></span>
     </nav>
</div>  




 <div id="div2" class="da-slider" style="height:270px;">
      <div class="da-slide">
         <div class="scrollyeah" data-centerIfFit="true">
         <div class="item1">
               <a class="vlightbox3" href="images/01.jpg" >
                 <img src="images/img01.gif" />
               </a>
            </div>
             <div class="item1">
               <a class="vlightbox3" href="images/01.jpg" >
                 <img src="images/img01.gif" />
               </a>
            </div>
          </div>
       <h5>Scroll through all of the screenshots of the website and admin backend above</h5>
     </div>

     <div class="da-slide">
         <div class="scrollyeah" data-centerIfFit="true">
         <div class="item1">
               <a class="vlightbox3" href="images/01.jpg" >
                 <img src="images/img01.gif" />
               </a>
            </div>
             <div class="item1">
               <a class="vlightbox3" href="images/01.jpg" >
                 <img src="images/img01.gif" />
               </a>
            </div>
          </div>
       <h5>Scroll through all of the screenshots of the website and admin backend above</h5>
     </div>
     <nav class="da-arrows">
    <span class="da-arrows-prev"></span>
        <span class="da-arrows-next"></span>      
      </nav>
  </div>

在我的案例中，div1 不工作。但是当我将两个 div cslider autoplay 选项设置为 true 时，它们工作正常。

谁能帮帮我。

Answer 1

有人说 autoplay:true 可以正常工作，但是当您设置 autoplay:false 时它就不能正常工作了？我认为你的下一个和上一个事件不合适。好的，在这种情况下你有两个输出，

1. 一些 div 与您的导航按钮重叠。
2. 您在浏览器控制台中遇到任何错误。

尝试检查 html 代码或在控制台中查找错误。