2014-04-27 3 views
1

Пожалуйста, взгляните на эту страницу: http://thaispa.inigowebdesign.co.uk/JQuery Cycle pause/resume: не работает?

Обратите внимание, что слайд-шоу быстро перемещается по изображениям. Попробуйте нажать кнопку «Черная пауза». Обратите внимание, что это замедляет анимацию, но не останавливает ее?

Почему?

Вот мой Javascript, очень просто с помощью методов приостановки/возобновления в построенных в соответствии с документацией:

$(".slide-ctrls").click(function(){ 
    if($(this).hasClass("paused")){ 
     $(".slide-frame").cycle("resume"); 
     $(this).removeClass("paused"); 
    }else{ 
     $(".slide-frame").cycle("pause"); 
     $(this).addClass("paused");   
    } 
}); 

Такая же проблема в FF, Chrome & IE.

+0

Я глядя на ваш код сейчас, но первое, что я замечаю, что вам нужно загрузить JQuery, прежде ваш файл bootstrap js. Вот почему вы получаете сообщение об ошибке в консоли. –

+0

ОК, спасибо. Я изменил его. Тем не менее такая же проблема. Я не понимаю. – Inigo

ответ

0

OK, вот ответ: версия 'lite' не поддерживает команды приостановки/возобновления. Как только я заменил его на full Cycle 2 plugin, он работал нормально.

(Жутко, хотя, пытаясь вызвать эти команды на облегченной версии до сих пор мешает с ним, как я описал выше)

Смежные вопросы