我有一个暂停按钮在我的旋转木马和,这是行不通的。
我的要求是,当笔者将点击暂停按钮,然后旋转木马幻灯片将被停止,当他们暂停按钮再次单击则幻灯片将再次启动从开始3秒旋转。
我已经写了下面的代码。
Landing Page Carousel Testing Here 1}"> $(function() { $('#myCarousel').carousel({ interval: 3000, pause: "false" }); $('#pauseButton').click(function() { $('#myCarousel').carousel('pause'); }); });它应该暂停和3000秒播放
按钮有没有在代码中表达两种状态。一个是当转盘处于活动状态,一个当它不是。这可以使用您添加或删除从使用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拍摄状态