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 语句，这样会更简洁一些。 working demo

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