如何正确放置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; 
     };