0

jQuery s .on() /.bind()` 関数に問題があります。私がやろうとしているのは、特定の要素にクリックイベントを添付することです。そのため、コンテンツで使用されるたびに、クリックしてポップアップを開くことができ、関数を個別に宣言する必要はありません。

これは私のコードです。簡単なテストでは機能しましたが、ローカルの Wordpress 環境では機能しませんでした。クリックイベントは添付されず、デバッグは何も教えてくれませんでした...:

$(document).ready(function() {
$('#eins_audiotrigger').bind('click', function() {
    if($('#eins_audiotarget').attr('class') != 'fadeInUp'){
        $('#eins_audiotarget').removeClass().addClass('fadeInUp');
    }
    else {
        $('#eins_audiotarget').removeClass().addClass('fadeOutDown');   
    }
});
    
});

わかりました、ここにいくつかの詳細があります：

これを使用してjQueryを含めました：jQueryをwordpressに含めます

jQueryの非競合モードに関するすべてを試しました。また、呼び出されて正常に動作する別の (document).ready 関数もあります (1 つのファイルに複数の (document).ready に問題はありますか?

この全体で、要素に追加したいクラスで定義されている単純な css-animation を呼び出したいと思います。基本的には飛び込み、メディアプレーヤーが埋め込まれています。

これは、投稿から直接呼び出された場合は機能しますが、このイベントを事前にそれぞれのボタンに追加する必要がある場合は機能しません。これは、通常のエディターを使用すると Wordpress がスクリプト タグを削除するためです。

4

2 に答える 2

0

$ に問題がある場合があるので、これを試してください。

jQuery(document).ready(function($) {
    $('#eins_audiotrigger').bind('click', function() {
        if($('#eins_audiotarget').hasClass('fadeInUp') === false){
            $('#eins_audiotarget').removeClass().addClass('fadeInUp');
        }
        else {
            $('#eins_audiotarget').removeClass().addClass('fadeOutDown');   
        }
    });
});
于 2013-01-18T09:52:32.210 に答える
0

やっと思いついた！Javascriptの初心者として、これを行うことでボタンにクリックを追加するだけでよいことに気付きました：

    $('#trigger').click( function() {
        $('#trigger').removeClass().addClass('fadeOutDown');
        $('#eins_audiotarget').removeClass().addClass('fadeInUp');
});
$('#closeIt').click( function () {
        $('#eins_audiotarget').removeClass().addClass('fadeOutDown');
        $('#trigger').removeClass().addClass('fadeInUp');
        setTimeout( function() {$('#trigger').removeClass()}, 1000);
});

ここで学ぶべきことがたくさんあります！ご支援ありがとうございます！

于 2013-01-19T13:09:56.623 に答える