Question

我需要在我的functions.php文件中触发钩子后运行脚本。我使用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是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

在functions.php中执行document.ready

1 个答案: