2010-11-16 151 views
1

即时通讯基本上是这样做的,所以用户不能连续点击#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) 
     }); 
    } 
}); 
+0

1.不要在标题中放置代码,它不可读。 2. **请勿**以正确的格式存储代码,请参阅位于编辑区右侧的便笺。 3.定义“不工作”。 – 2010-11-16 09:58:07

回答

4

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

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

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

+0

我试过这个,但它没有工作,我发布了完整的代码。 – 2010-11-18 09:11:46

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

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

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

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

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

+0

我试过这个,但它没有工作,我发布了完整的代码。 – 2010-11-18 08:58:39

1

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

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

我试过这个,但它没有工作,我发布了完整的代码。 – 2010-11-18 09:11:06