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上實時運行它。