暂停按钮功能在轮播中不起作用答案

【问题标题】：Pause Button Functionality is not working in Carousel暂停按钮功能在轮播中不起作用
【发布时间】：2019-02-04 22:33:05
【问题描述】：

我的轮播中有一个暂停按钮，但它不起作用。

我的要求是，当作者单击暂停按钮时，轮播幻灯片将停止，当他们再次单击暂停按钮时，幻灯片将再次从开始 3 秒开始旋转。

我已经写了下面的代码。

登陆页面轮播测试在这里 1}"> $（函数（）{ $('#myCarousel').carousel({ 间隔：3000，暂停：“假” }); $('#pauseButton').click(function() { $('#myCarousel').carousel('暂停'); }); });

它应该从 3000 秒开始暂停和播放

【问题讨论】：

标签： javascript jquery css sightly

【解决方案1】：

按钮有两种未在代码中表达的状态。一个用于轮播处于活动状态时，一个用于不处于活动状态时。这可以使用您使用 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

【讨论】：