jQuery easySlider多滑块错误？

Question

我在一个页面上有4个easySliders，但它们不能完美地工作，而两个几乎同步在一起，最后一个就是不动，我不知道如何修复it...here是我的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"
});

等等。