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

Question

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

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

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

Answer 1

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

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