anythingSlider onShowPause

Question

我有两个滑块。当它们悬停在其中一些上时，它们必须同时停止。我的代码：

    $('.slider').anythingSlider({   
                autoPlay            : true,
                delay               : 1000,  
                autoPlayLocked      : true,
                infiniteSlides      : false,
                stopAtEnd           : false,

                onShowUnpause : function(e, slider){
                    $('.slider').each(function() {
                        $(this).data('AnythingSlider').startStop();
                    });

                },

                onShowPause: function(e, slider){
                    $('.slider').each(function() {
                        $(this).data('AnythingSlider').startStop(false);
                    });

                }
            });

但这不起作用

Answer 1

当使用startStop()函数时，它实际上会完全停止幻灯片放映，因此onShowUnpause函数永远不会触发。请尝试执行以下操作(demo)：

$('.slider').anythingSlider({
    autoPlay: true,
    delay: 1000,
    resumeDelay : 1000,
    autoPlayLocked: true,
    infiniteSlides: false,
    stopAtEnd: false,
    onShowPause: function (e, slider) {
        $('.slider').each(function () {
            $(this).data('AnythingSlider').startStop();
        });
    }
}).on('mouseleave', function () {
    $('.slider').each(function(){
        $(this).data('AnythingSlider').startStop(true);
    });
});