第二个文档中的JQuery准备不起作用

Question

我有两个文档就绪事件。

第一次，在页面上（工作发布请求插入html表单），由我的WP短代码插入：

Purchase

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

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

已触发第二个就绪事件，但jQuery(document).ready(function($) { $('#myform').submit(function(e) { e.preventDefault(); /* some ajax call with form data*/ }); }); 无效。 你能救我吗？

Answer 1

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

目前还不清楚你在使用这些功能以及它们如何进行互动，但如果一个人正在改变另一个，请确保你获得所需的元素。一个好的测试方法是在浏览器中弹出开发人员控制台并复制/粘贴你的javascript代码，看看哪些有效，哪些无效。您可以在控制台中键入javascript，并在浏览器中加载的dom上实时运行。