Ошибка jQuery easySlider в нескольких слайдерах? - PullRequest
Новая
       15

Ошибка jQuery easySlider в нескольких слайдерах?

0 голосов
/ 01 июля 2011

У меня есть 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>

1 Ответ

2 голосов
/ 07 сентября 2011

Перед публикацией вопроса, на который уже дан ответ, вы должны прочитать раздел справки плагина.

если у вас есть несколько слайд-шоу на одной и той же странице, вам необходимо назначить отдельные идентификаторы для каждого слайд-шоу и отдельные идентификаторы для каждой следующей и предыдущей кнопки каждого слайд-шоу.

например: 

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

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

и т.д ...

...