Question

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

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

我写了下面的代码。

此处的着陆页轮播测试 1}“> $（function（）{ $（'＃myCarousel'）。carousel（{ 间隔：3000 暂停：“假” }）; $（'＃pauseButton'）。click（function（）{ $（'＃myCarousel'）。carousel（'pause'）; }）; }）;

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

Answer 1

该按钮有两种状态，代码中未表示。一种是在轮播处于活动状态时使用，另一种是在未启用时进行。这可以通过使用JQuery添加到HTML元素或从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

暂停按钮功能在“轮播”中不起作用

1 个答案: