jQuery easySlider多滑塊錯誤？

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，並向每個幻燈片的每個幻燈片的每個下一個和每個幻燈片的prev按鈕分配單個ID。

例如：

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

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

等等