暂停按钮功能在传送带工作

问题描述 投票:0回答:1

我有一个暂停按钮在我的旋转木马和,这是行不通的。

我的要求是,当笔者将点击暂停按钮,然后旋转木马幻灯片将被停止,当他们暂停按钮再次单击则幻灯片将再次启动从开始3秒旋转。

我已经写了下面的代码。

Landing Page Carousel Testing Here 1}"> $(function() { $('#myCarousel').carousel({ interval: 3000, pause: "false" }); $('#pauseButton').click(function() { $('#myCarousel').carousel('pause'); }); });

它应该暂停和3000秒播放

javascript jquery css sightly
1个回答
0
投票

按钮有没有在代码中表达两种状态。一个是当转盘处于活动状态,一个当它不是。这可以使用您添加或删除从使用JQuery您的HTML元素类来表示:

$('#pausButton').click(function(){
    if($(this).hasClass('active')){
        $('#myCarousel').carousel({ interval: 3000, pause: "false" });
        $(this).removeClass('active')
    } else {
        $('#myCarousel').carousel('pause');
        $(this).addClass('active')
    }
});

希望它的帮助下,从Keep button in active state until clicked upon again拍摄状态

© www.soinside.com 2019 - 2024. All rights reserved.