5

CSS3Dan Edenのアニメーションを使用しています。

jqueryホバー イベントまたはクリック イベントの処理に問題があります。

これが私が取り組んでいるフィドルです。

  1. アニメーション化されたヒンジ効果で div が画面から外れますが、元の場所に戻ってくることに注意してください。画面から永久に、またはページをリロードするまで、画面から落ちる必要があります。

  2. そこに表示されているスニペットは、まだアニメーションをjquery扱うことができないので、私が使用している代替のフォールバックです。(スニペットは私のサイトでは機能しますが、何らかの理由でフィドルでは機能しません。)jqueryCSS

では、クリック (またはホバー) イベントCSSを使用してアニメーションを開始するにはどうすればよいでしょうか?jquery

クリックすると、div は再表示されません。

私が試したこと：

jquery addClass、ダンの提案によると：

上記のページ URL の例:

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

CSS3 .animatedまた、 and.hingeを使用するように変更しようとしまし:activeたが、うまくいきませんでした。正しく思い出せば、div を永久に削除するのではなく、元に戻していました。

誰かが私を方向に向けることができれば。私はすべてを機能させるために何日も費やしています。私は主に、このテーマについて見つけられるものすべてを読んできました。これを修正するだけでなく、これを行う方法を学びたいです。

不足している情報がある場合は、私はこのフォーラムを初めて使用するので、お手柔らかにお願いします。:)

ソリューション、解決済み:

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

1 に答える 1

3

あなたが好むようにフィドルを更新しました

jquery を使用して CSS3 アニメーションを監視するには、このリンクを参照してください。

ノート：

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

上記のスクリプトは、最初のページの読み込み時にのみ実行されます

だから使用することを好む

$(document).ready(function(){});
于 2012-10-15T06:05:05.317 に答える