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