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>

第二步（直到我将第一个代码添加到page之前，它一直起作用 ）在页脚加载的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上实时运行它。