Как приостановить этот слайдер Jquery? - PullRequest
Новая
       28

Как приостановить этот слайдер Jquery?

0 голосов
/ 09 марта 2012

Я боролся с этим вечно, и это заставляет меня вырывать волосы!

http://webdesignsalemoregon.com/westernmennoniteschool/

У меня есть слайдер на этой домашней странице, и я пытаюсь выяснить, как добавить к нему функцию «нажмите, чтобы приостановить». (и, возможно, нажмите, чтобы возобновить тоже, ха-ха)

Я считаю, что это код, генерирующий слайдер 

    var $featured_content = jQuery('#featured #slides'),
    et_featured_slider_auto = jQuery("meta[name=et_featured_slider_auto]").attr('content'),
    et_featured_auto_speed = jQuery("meta[name=et_featured_auto_speed]").attr('content');

if ($featured_content.length){
    var et_featured_options = {
        timeout: 2000,
        speed: 500,
        cleartypeNoBg: true,
        prev:   '#featured a#featured-left', 
        next:   '#featured a#featured-right',
        pager:  '#controllers',
    }
    if ( et_featured_slider_auto == 1 ) et_featured_options.timeout = et_featured_auto_speed;

    $featured_content.cycle( et_featured_options );
}

Затем я добавил простую кнопку с ID = "pauseButton" и поместил ее над ползунком. Я также получил этот код для этой кнопки 

$('#pauseButton').click(function() {
$featured_content.cycle('pause');
});

Но это на самом деле не останавливает слайд-шоу? Я полагаю, что он использует плагин цикла из http://jquery.malsup.com/cycle/, и я извлек код паузы из http://jquery.malsup.com/cycle/pause.html

Куда я иду не так ?!

1 Ответ

1 голос
/ 09 марта 2012

Ваш скрипт использует jQuery.noConflict(), что приводит к тому, что переменная $ возвращается к тому, что было до включения jQuery.Попробуйте заменить все вхождения $() на jQuery(). 

jQuery('#pauseButton').click(function() {
    $featured_content.cycle('pause');
});
...