Пауза/возобновление цикла Jquery: не работает?

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

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

Почему??

Вот мой 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.


jquery jquery-cycle
person Inigo    schedule 27.04.2014    source источник
comment
Сейчас я просматриваю ваш код, но первое, что я замечаю, это то, что вам нужно загрузить jQuery перед файлом начальной загрузки js. Вот почему вы получаете ошибку в консоли.   -  person Nathan Dawson    schedule 28.04.2014
comment
Хорошо спасибо. Я изменил его. Тем не менее, все та же проблема. Я не понимаю.   -  person Inigo    schedule 28.04.2014

Ответы (1)


arrow_upward
0
arrow_downward

Хорошо, вот ответ: «облегченная» версия не поддерживает команды паузы/возобновления. Как только я заменил его на полный плагин Cycle 2, все заработало нормально.

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

person Inigo    schedule 28.04.2014