Javascript 如何暂停此Jquery滑块？

我一直在努力解决这个问题，这让我毛骨悚然

我在这个主页上有一个滑动条，我想知道如何添加“点击暂停”功能。（也许还可以点击继续，哈哈）

我相信这就是生成滑块的代码

    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');
});

但它实际上并没有暂停幻灯片放映？我相信它使用的是来自的cycle插件，我从中提取了暂停代码

---

我哪里出错了

您的脚本正在使用

jQuery.noConflict（）

，这会导致

$

变量恢复到包含jQuery之前的状态。尝试将所有出现的

$（）

替换为

jQuery（）

---

哇，如果可以的话，我会给你一个大大的湿吻！你是个救生员：）

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