Jquery 手动提取滑块后,自动播放不会恢复(Dmitry Semenov提供的RoyalSlider)

Jquery 手动提取滑块后,自动播放不会恢复(Dmitry Semenov提供的RoyalSlider),jquery,html,slider,autoplay,Jquery,Html,Slider,Autoplay,我想知道是否有人使用过RoyalSlider,并且有和我一样的问题 到目前为止,我已经在我的两个项目中使用了RoyalSlider,这非常棒,尽管我不确定这是一个问题还是一个尚未集成的功能 我已将滑块设置为自动播放。很好用。但我注意到,当我触摸幻灯片时,要么点击它,要么滑动它。无论pauseOnHover是真是假,自动播放都会停止 理想情况下,我认为最好在用户与滑块交互后恢复自动播放 我的标记如下: 1.HTML <div class="hero desktop z-lv3">

我想知道是否有人使用过RoyalSlider,并且有和我一样的问题

到目前为止,我已经在我的两个项目中使用了RoyalSlider,这非常棒,尽管我不确定这是一个问题还是一个尚未集成的功能

我已将滑块设置为自动播放。很好用。但我注意到,当我触摸幻灯片时,要么点击它,要么滑动它。无论pauseOnHover是真是假,自动播放都会停止

理想情况下,我认为最好在用户与滑块交互后恢复自动播放

我的标记如下:

1.HTML

<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");
    });