[jquery] 여러 $ (document) .ready (function () {…});를 가질 수 있습니다. 섹션?

여러 개를 가질 수 있지만 항상 가장 쉬운 것은 아닙니다. 가독성에 심각한 영향을 미치므로 남용하지 마십시오. 그 외에는 완벽하게 합법적입니다. 아래를보십시오 :

http://www.learningjquery.com/2006/09/multiple-document-ready

이것을 시도하십시오 :

$(document).ready(function() {
    alert('Hello Tom!');
});

$(document).ready(function() {
    alert('Hello Jeff!');
});

$(document).ready(function() {
    alert('Hello Dexter!');
});

이것과 동등한 것을 알 수 있습니다. 실행 순서에 유의하십시오.

$(document).ready(function() {
    alert('Hello Tom!');
    alert('Hello Jeff!');
    alert('Hello Dexter!');
});

한 $(document).ready블록 내에 정의 된 함수 를 다른 $(document).ready블록 에서 호출 할 수 없다는 점도 주목할 가치가 있습니다 .

$(document).ready(function() {
    alert('hello1');
    function saySomething() {
        alert('something');
    }
    saySomething();

});
$(document).ready(function() {
    alert('hello2');
    saySomething();
}); 

출력은 다음과 같습니다

hello1
something
hello2

답변

$(document).ready(function() {
    // Jquery
    $('.hide').hide();
    $('.test').each(function() {
       $(this).fadeIn();
    });

    // Reqular JS
    function test(word) {
       alert(word);
    }
    test('hello!');
});

$(document).ready(function(){});

//and

$("#mydiv").ready(function(){});