Jquery 手动提取滑块后,自动播放不会恢复(Dmitry Semenov提供的RoyalSlider)
我想知道是否有人使用过RoyalSlider,并且有和我一样的问题 到目前为止,我已经在我的两个项目中使用了RoyalSlider,这非常棒,尽管我不确定这是一个问题还是一个尚未集成的功能 我已将滑块设置为自动播放。很好用。但我注意到,当我触摸幻灯片时,要么点击它,要么滑动它。无论pauseOnHover是真是假,自动播放都会停止 理想情况下,我认为最好在用户与滑块交互后恢复自动播放 我的标记如下: 1.HTMLJquery 手动提取滑块后,自动播放不会恢复(Dmitry Semenov提供的RoyalSlider),jquery,html,slider,autoplay,Jquery,Html,Slider,Autoplay,我想知道是否有人使用过RoyalSlider,并且有和我一样的问题 到目前为止,我已经在我的两个项目中使用了RoyalSlider,这非常棒,尽管我不确定这是一个问题还是一个尚未集成的功能 我已将滑块设置为自动播放。很好用。但我注意到,当我触摸幻灯片时,要么点击它,要么滑动它。无论pauseOnHover是真是假,自动播放都会停止 理想情况下,我认为最好在用户与滑块交互后恢复自动播放 我的标记如下: 1.HTML <div class="hero desktop z-lv3">
<div class="hero desktop z-lv3">
<div class="royalSlider-desktop rsDefault">
<div class="rsContent">
<img class="rsImg" src="img/global/hero1.jpg" alt="" />
</div>
<div class="rsContent">
<img class="rsImg" src="img/global/hero2.jpg" alt="" />
</div>
<div class="rsContent">
<img class="rsImg" src="img/global/hero3.jpg" alt="" />
</div>
<div class="rsContent">
<img class="rsImg" src="img/global/hero1.jpg" alt="" />
</div>
<div class="rsContent">
<img class="rsImg" src="img/global/hero1.jpg" alt="" />
</div>
<div class="rsContent">
<img class="rsImg" src="img/global/hero1.jpg" alt="" />
</div>
<div class="rsContent">
<img class="rsImg" src="img/global/hero1.jpg" alt="" />
</div>
</div> <!------------------- End Slider Desktop ------------------->
</div> <!------------------- End Slider Desktop Wrapper ------------------->
我不希望这是一个即时修复,因为它是好的,因为是,但想知道,如果这已经被任何人在我之前考虑过?非常感谢。
干杯。您需要包括stopAtAction:false,因为默认设置为true
像这样:
autoPlay: {
// autoplay options go gere
enabled: true,
stopAtAction: false,
pauseOnHover: true,
delay: 2500,
},
请添加一段文字来描述代码的目标或它如何回答问题。
autoPlay: {
// autoplay options go gere
enabled: true,
stopAtAction: false,
pauseOnHover: true,
delay: 2500,
},
$('.rsArrowRight').addClass("AutoPlaySlider");
setInterval(function() {$('.AutoPlaySlider').trigger('click');}, 3000);
$('.royalSlider').hover(function () {
$(this).find('.rsArrowRight').toggleClass("AutoPlaySlider");
});