functions.phpでdocument.readyを実行する

Question

functions.phpファイルでフックが実行された後にスクリプトを実行する必要があります。ワードプレスmailchimpプラグインを使用してイム、私はHTMLに、などいくつかのテキストの挿入とdisplay = "none"を実行する必要があります。私が得た

add_action('mc4wp_form_success', function() { 
    // do something 
    echo '<script type="text/javascript">', 
     'console.log("starting....");', // this works 
    'document.getElementById("mailchimp-is-subscribed").style.display = "none";', 
     'document.getElementById("mailchimp-success-form").style.display = "block";', 
     'console.log("end");', 
    '</script>'; 
}); 

エラーがstyleがnullあるでした。私はドキュメントが準備ができていないと思いますか？ $は機能しません。 これは間違っていますか？フックが呼び出された後にそのコードを実行する必要があります。 .jsにコードを入れても問題ありません。おかげ

Answer 1

あなたはDOMContentLoadedイベントにようにコードを追加することができます。

document.addEventListener('DOMContentLoaded', function() { ..your_code... }, false);

チェックこの回答：あなたは確かに、これは間違っているpure JavaScript equivalent to jQuery's $.ready() how to call a function when the page/dom is ready for it