javascript - 在functions.php中执行document.ready

Question

我需要在functions.php 文件中的钩子(Hook)被触发后运行一个脚本。我使用 WordPress 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 is null。我认为文件还没有准备好？ $ 不起作用。 我做错了吗？我需要在调用该 Hook 后运行该代码。将代码放入 .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