第二个文档中的 JQuery 准备好不工作

Question

我有两个文档就绪事件。

首先，在页面上（工作帖子请求插入 html 表单），由我的 WP 短代码插入：

<script type="text/javascript" >
    jQuery(document).ready(function($) {
        jQuery.post(
            ajaxUrl,
            {
                action: 'action',
                nonce: 'nonce'
            },
            function(response) {
                $('#place').removeClass('preloader');
                $('#place').html(response);
            }
        );
    });
</script>

第二个（在我将第一个代码添加到页面之前一直有效），在页脚中加载的 js 文件中：

jQuery(document).ready(function($) {
    $('#myform').submit(function(e) {
        e.preventDefault();
/* some ajax call with form data*/
    });
});

第二个就绪事件被触发，但$('#myform').submit 不起作用。 你能帮帮我吗？

Answer 1

使用 document.ready 函数不是最佳做法。如果您在所有必需的 dom 元素之后在页脚级别包含脚本，它们将在文档的其余部分和元素加载后运行 - 因此，不需要文档就绪函数。

目前尚不清楚您对这些功能做了什么以及它们如何交互，但如果其中一个正在更改另一个，请确保您获得了所需的元素。一个很好的测试方法是在浏览器中打开开发者控制台并复制/粘贴您的 javascript 代码以查看哪些有效，哪些无效。您可以在控制台中输入 javascript 并在浏览器中加载的 dom 上实时运行。