JQuery не работает сразу

Question

Я работаю на Ruby On Rails и простой JQuery won't выполнить над элементом, как это:

$("header").hide(); 

Однако, если я оберните его в функцию и вызвать его с документом .что оно делает правильно:

function myCode() { 
    $("header").hide(); 
} 

$(document).ready(myCode); 

Почему это не работает прямо? Я установил gem jquery-rails и даже имел // = необходимый jquery.min.js в файле application.js.

Спасибо за помощь!

Answer 1

Если документ не готов, DOM еще не построен. Элемент header не существует, когда этот код работает, поэтому ничего не происходит. Чтобы выполнить манипуляции с DOM, вы должны подождать, пока страница будет полностью загружена, то есть на $(document).ready.