如何正確放置Javascript函數的聲明？

Question

我遇到了JQuery函數聲明的問題。函數只在將它放在$(document).ready() 中時才起作用如果聲明低於ready（）函數，則我的函數不起作用。

我的功能：

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

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

     }); 

Answer 1

是的，你將需要添加的所有事件前。 .click(), .change()裏面的document.ready

，因爲你只能在其正確添加到頁面和$(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; 
     };