jquery: this.not (': animated') && that.is (': görünür') kurallara uymayan sözdizimi problemi? sadece birkaç satır kod

Question

#button'yi tıklattığımda .wrapper'ün 'do something' olduğunu ve .wrapper span'in görünmemesine rağmen hala 'do something''ü yapıyor. bu yüzden kuralları takip etmiyor. Sorun nedir?

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

Answer 1

Burada bir working demo var. working demo

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

Answer 2

Bu ise ifadeleri olmadan biraz temiz olduğu:

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