Javascript関数の宣言を正しく配置する方法は？

Question

JQuery関数の宣言に問題があります。関数が配置されている場合にのみ機能します$(document).ready() 宣言がready（）関数の下にある場合、私の関数は機能しません。

My機能：

$('#me').click(function(){ 

     $('#content').load('me.php'); 
     return false; 

     }); 

Answer 1

はいあなたはすべてのイベントの元を追加する必要があります。 document.ready

の内部.click(), .change()そのが正しくページに追加した後、あなたが唯一の要素にイベントを追加することができますし、$(document).ready()だけ全体のhtml後のjQueryを実行するので、適切に

読むロードします：https://learn.jquery.com/using-jquery-core/document-ready/

を

Answer 2

あなたはすべきですすべてのイベントclick, change...etcを追加してください。 htmlロード後のみ。これらのイベントを書く必要があります$(document).ready()

コードを整理して読みやすくする必要がある場合は、これを試すことができます。

$(document).ready(function(){ 
$('#me').click(myFunction); 
}); 

    function myFunction(){ 
     $('#content').load('me.php'); 
     return false; 
     };