使animate.css特效工作onhover和onclick與jquery

我使用Dan Eden的CSS3動畫。使animate.css特效工作onhover和onclick與jquery

我在使用jquery進行懸停或點擊事件時遇到了麻煩。

請注意，div以動畫鉸鏈效果脫離屏幕，但隨後它會回到原來的位置。我需要永久性地從屏幕上消失，或者直到重新載入頁面。
的jquery段，您看到有我一直在使用，因爲我不能讓jquery與CSS動畫工作還只是一個替代備用。（該段工程在我的網站，但由於某些原因，它不會在小提琴的工作。）

那我怎麼火過使用jquery點擊（或懸停）事件CSS動畫？

一旦點擊，該div不應該重新出現。

事情我已經嘗試：

jquery addClass，按Dan's suggestion：

$('#yourElement').addClass('animated bounceOutLeft');

我也試圖改變CSS3 .animated和.hinge到：上述頁面URL給出

例使用:active，但沒有運氣，如果我記得正確的話，它仍然把這個div放回去，而不是讓它永久地消失。

如果有人能指出我的方向。我花了好幾天的時間試圖讓整件事情奏效。我大部分時間都在閱讀有關這些主題的所有內容;我想學習如何做到這一點，而不僅僅是爲我修好。

如果有任何信息我錯過了，我是新來這個論壇，所以請容易對我。 :)

解決方案，解決了：

$('#pricetag_overlay1 a').click(function(){ 
      $('#pricetag_overlay1').toggleClass("animated hinge",function(){ 
       $(this).remove(); 
      }); 
     });

來源

2012-10-15 user1691389

歡迎SO。你的帖子很好，但你不得不記得在寫問題時更加整潔。所以人們希望快速看到問題以及你的要求。它必須非常清楚和乾淨。因此，請儘量避免關於您在此工作或無用評論上工作了多久的詳細信息。此外，直接在問題中發佈代碼是一件好事，因爲如果鏈接中斷，我們將很難確定最初的問題。此外，你不需要說出你好，再見或類似的東西，如果你花時間寫它，你的問題隱含地是禮貌的。 – ForceMagic

啊，是的，理解，謝謝先生。 – user1691389

哦，你也可以看看FAQ：http://stackoverflow.com/faq這是一個很好的起點。順便說一下，我很欣賞在你的問題上付出的努力，並不是每個新手都這樣做:) – ForceMagic

我已經更新您的fiddle工作，因爲你首選

對於使用jQuery看到this link監測CSS3動畫。

注：

$(window).load(function(){})

上面的腳本將僅在初始頁面加載

火這麼喜歡用

$(document).ready(function(){});

來源

2012-10-15 06:05:05 fuzionpro

感謝您加強解決方案以包括那些「過渡期結束」部分;多謝。 – user1691389

使animate.css特效工作onhover和onclick與jquery

回答

相關問題