jquery: this.not (': animé') && that.is (': visible') ne suit pas les règles, problème de syntaxe? seulement quelques lignes de code

Question

quand je clique sur #button, il fait tranquillement le 'do something', même si .wrapper est en train d'animer et .wrapper span n'est pas visible. donc ce n'est pas en suivant les règles. Qu'est-ce qui ne va pas?

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

Answer 1

Vous avez ici un working demo:

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

Answer 2

C'est un peu plus propre sans les instructions if. working demo

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