2011-07-01 7 views
0

私は4つのeasySlidersを1つのページに持っていますが、それらは正しく動作しません... 1つは完全に動作しますが、2つはちょっと同期していて、最後のものは動きません。ここに私のjQueryのです:jQuery easySlider複数スライダーのバグ?

$(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> 

答えて

2

あなたは既に回答された質問を投稿する前に、プラグインのヘルプセクションをお読みください。

同じページに複数のスライドショーがある場合は、各スライドショーに1つのIDを割り当て、各スライドショーの各次と前のボタンに1つのIDを割り当てる必要があります。例えば

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

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

等...