如何在懸停（jQuery的）

Question

這裏添加停頓代碼：

$(document).ready(function(){ 
    $('#testimonials .slide'); 
    setInterval(function(){ 
     $('#testimonials .slide').filter(':visible').fadeOut(1000,function(){ 
      if($(this).next('li.slide').size()){ 
       $(this).next().fadeIn(2000); 
      } 
      else{ 
       $('#testimonials .slide').eq(0).fadeIn(2000); 
      } 
     }); 
    },1000);  
}); 

這適用於UL列表，並想在懸停添加暫停。有什麼建議麼。 ？

Answer 1

您需要保存由setInterval返回的對象，然後您可以將它傳遞給clearInterval以阻止它再次發生。

下面是一些示例代碼，應該讓你像你所追求的：

$(document).ready(function(){ 
    var slider = function() { 
     $('#testimonials .slide').filter(':visible').fadeOut(1000,function(){ 
      if($(this).next('li.slide').size()){ 
       $(this).next().fadeIn(2000); 
      } 
      else{ 
       $('#testimonials .slide').eq(0).fadeIn(2000); 
      } 
     }); 
    }; 

    // save an object so that I can start and stop this as we go 
    var interval = setInterval(slider, 1000); 

    // when the user hovers in, clear the interval; if they hover out, 
    // restart it again 
    $('#testimonials .slide').hover(function() { 
     clearInterval(interval); 
    }, function() { 
     interval = setInterval(slider, 1000); 
    }); 
}); 

請注意，這不是很清楚，我什麼正是用戶將鼠標懸停獲得間隔停止，所以我以爲你想要$('#testimonials .slide')這樣做。如果不是，只需將該部分改爲任何你需要的。