2番目の文書のJQueryが正常に動作しない

Question

2つの文書準備完了イベントがあります。

私のWPのショートによって挿入されたページ（HTMLフォームを挿入するPOSTリクエストを作業）、上、まず：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*/ 
    }); 
}); 

2番目の準備完了イベントは起動しましたが、$('#myform').submitは機能しません。 私を助けることができますか？

Answer 1

document.ready関数を使用するのはベストプラクティスではありません。必要なすべてのdom要素の後にフッターレベルにスクリプトを含めると、ドキュメントと要素の残りの部分がロードされた後にスクリプトが実行され、ドキュメント対応機能が不要になります。

関数で何をやっているのか、それらがどのようにやりとりできるかは不明ですが、一方を変更する場合は、必要な要素が得られていることを確認してください。テストするには、開発者のコ​​ンソールをブラウザで開いて、javascriptコードをコピーして貼り付けて、動作しているかどうかを確認してください。コンソールにjavascriptを入力し、ブラウザにロードされたDOMでリアルタイムに実行することができます。