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

如何暂停这个Jquery滑块？

1 个答案: