jquery - jQuery easySlider 多个滑块的错误？

Question

我在一页上有 4 个easySlider，但它们不能正常工作......一个工作完美，而两个有点同步，最后一个只是不动，我不知道如何修复它......这里是我的 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"
});

ETC...