サポート » 使い方全般 » 特定のタイミングで生じるイベントに応じてクラスを非表示にするjavascript

  • 「.wpuf-success」が出現したタイミングで「.kakurete」を非表示にしたいです。

    そのために次のように書いてみたですが、、

    <script>
    $(function(){
    $(document).on('ready',function(){
        if ( jQuery( 'body .wpuf-success' ).length > 0 ) {
          jQuery( '.kakurete' ).hide();
        }
    });
    })(jQuery);
    </script>

    実は「.wpuf-success」というクラスは、プラグイン「WP User Frontend」によって、ユーザーが記事を投稿したタイミングで出現するクラスなのです。

    そのせいか、上の書き方では「.kakurero」が隠れてくれません。

    どなたかうまいタイミングで適用させられるような方法をご教示いただませんでしょうか?

    どうぞ宜しくお願い致します。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    何らかのJavaScriptのフックがあればいいのですが、ドキュメントが見当たりませんでした。

    ユーザーが記事を投稿する際の何らかのイベント(ボタンクリックなど)を利用するか、MutationObserverを使えばできると思いますが、これはWordPressとはあまり関係がないので、JavaScriptについて質問できるところで聞いてみた方がいいかもしれません。

    トピック投稿者 meijinochoco

    (@meijinochoco)

    munyaguさん、どうもありがとうございます。

    ユーザー投稿時にクラス変更なども考えてみたのですけれど、投稿にはエラーと成功という条件が出てきてしまい、今回「.kakurete」は投稿成功の場合だけ隠れてほしいので、、、困ってしまいます。笑

    リンク先のヒント、ありがとうございます。レベルが高そうですね!見てみます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「特定のタイミングで生じるイベントに応じてクラスを非表示にするjavascript」には新たに返信することはできません。