javascript - 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

これは、ifステートメントがないと少しきれいになります。作業デモ

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

</ p>

Answer 2

ここにあなたがいますworking demo：

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