jquery：this.not（'：animated'）&& that.is（'：visible'）不遵循規則，語法問題？只有幾行代碼

Question

當我點擊#button時，它仍然在執行'do something'，即使.wrapper正在動畫並且.wrapper span不可見。所以它不遵守規則。怎麼了？

$('#button').click(function(){ 
    if(
    $('.wrapper').not(':animated') && $('.wrapper span').is(':visible') 
) { 
    //do something 
    } 
}) 

Answer 1

這裏有一個working demo：

$('#button').click(function(){ 
if( $('.wrapper:animated').length>0) 
{ 
$(".wrapper").text("animating") ; 
} 
    if(
    $('.wrapper:animated').length<1) { 
$(".wrapper").text("not animating") ; 
    } 
}) 

Answer 2

這是一個有點清潔無if語句。 working demo

$('#button').click(function(){ 
    $('.wrapper').filter(':animated').text("animating..."); 
    $('.wrapper').filter(':not(:animated)').text("not animating..."); 
})