为什么这行代码不工作？

Question

即时通讯基本上是这样做的，所以用户不能连续点击#shareeart两次，使动画搞砸了。也许你可以说我正在尝试创建一个活动状态而不添加和删除类？

为什么不能正常工作？第一段代码是什么不工作，它不是跟随这个如果陈述，我在这里做错了吗？

if($('.share-text').not(':animated') && $('.share-text span').is(':visible')) { 
    // do something 
} 

下面是完整的代码：

$('#shareheart').click(function() { 
    if ($('.share-text:animated').length == 0 && $('.share-text span').is(':visible')) { 
     $('.share-text span').animate({'opacity': '0'}, 800, function() { 
      $("#share-what").fadeOut(400) 
      $('.share-text').stop(true, false).animate({'width': 'toggle','padding-left': 'toggle','padding-right': 'toggle'}, 800) 
      $('#short-url').css('background-image', "url('images/drink.png')"); 
     }) 
    } else { 
     $('.share-text').stop(false, true).animate({'width': 'toggle','padding-left': 'toggle','padding-right': 'toggle'}, 800, function() { 
      $('.share-text span').animate({'opacity': '1'}, 800) 
     }); 
    } 
}); 

Answer 1

或者，您可以将您的条件相结合，单一的选择：

if($(".share-text:not(:animated) span:visible").length) 
{ 
} 

条件将返回0（假值），如果它share-text是一个动画，或者跨度是看不见的。

Answer 2

$('.share-text').not(':animated') 

...会给你一个jQuery对象（如果测试作为一个布尔所以总是会truthy）。 not不测试条件并返回文本的结果，它过滤器由jQuery对象匹配的元素。

你还没说什么代码是应该做的，但你可能想：

if ($('.share-text:animated').length == 0 && $('.share-text span').is(':visible')) { 
    // do something 
} 

...如果说上半场是想看看是否有与“西安商贸大厦没有元素。文本”类未动画

Answer 3

我想你误解了not()运作它过滤器设定，它不测试元素是否符合给定的选择你可能想是这样：

!$('.share-text').is(':animated')