Question

我在一个页面上有4个easySliders但它们无法正常工作......一个完美无缺，两个有点同步，最后一个不动，我不知道如何解决它..我的jQuery：

$(document).ready(function() {
   $("#playlist_one").easySlider({
      auto: false,
      continuous:false                                            
   });  
   $("#playlist_two").easySlider({
      auto: false,
      continuous:false                                   
   });  
   $("#playlist_three").easySlider({
      auto: false,
      continuous:false                                   
   });  
   $("#slider").easySlider();       
});

以下是我的html示例：

<div class="showreel">
   <div id="playlist_one">
      <ul>
         <?php
         $videos = get_videos();
         foreach($videos as $video) {
            $title = str_replace('&', '&amp;', $video->title);
            echo '<li>';
            echo '<a href="'.$video->video_id.'" title="'.$title.'"><img src="'.$video->thumbnail.'" alt="'.$title.'" /></a>';
            echo '</li>';
         }
         ?>
      </ul>
    </div>
</div>

Answer 1

在发布已经回答的问题之前，您应该阅读插件帮助部分。

如果您在同一页面中有多个幻灯片，则必须为每个幻灯片分配单个ID，并为每个幻灯片显示每个下一个和上一个按钮的单个ID。

例如：

$("#basic-slideshow2").easySlider({
auto: false,
continuous:false,
nextId: "slider2next",
prevId: "slider2prev"
});

$("#basic-slideshow3").easySlider({
auto: false,
continuous:false,
nextId: "slider3next",
prevId: "slider3prev"
});

等...

jQuery easySlider多个滑块bug？

1 个答案: