2010-11-16 211 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