Как правильно разместить функцию Javascript?

Question

У меня проблема с объявлением функции JQuery. Функция работает, только если я помещаю ее в $(document).ready() Если декларация ниже функции ready(), моя функция не работает.

Моя функция:

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

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

     }); 

Answer 1

Да вам нужно будет добавить все события отл. .click(), .change() внутри document.ready

, потому что вы можете только добавлять события к элементу после того, как его правильно добавлен на страницу и $(document).ready() будет выполнять только после того, как весь JQuery HTML загрузится правильно

чтения: 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; 
     };