답변:
$(function() { ... });
jQuery의 약자입니다.
$(document).ready(function() { ... });
그것이 무엇을하기 위해 설계된 것은 페이지의 모든 DOM 요소가 사용될 준비가되면 함수가 호출되도록하는 것입니다.
그러나 나는 그것이 당신이 겪고있는 문제라고 생각하지 않습니다. '어떻게하면 일부 함수를 호출 할 수 없으며 내부에서 해당 함수를 호출해야합니다'라는 의미를 명확하게 알 수 있습니까? 어쩌면 예상대로 작동하지 않는 것을 보여주는 코드를 게시 할 수 있습니까?
편집 : 질문을 다시 읽으면 페이지로드가 완료되기 전에 함수가 실행 중이므로 제대로 실행되지 않을 수 있습니다. $ (function)에 넣으면 실제로 고칠 것입니다!
(function () { ... })();
하세요. ()
함수를 호출 하려면 추가 해야합니다.
$()
을 사용하기도합니다 $( document ).ready()
. jQuery에 익숙하지 않은 사람들이 볼 수있는 코드를 작성하는 경우 긴 형식을 사용하는 것이 가장 좋습니다." - learn.jquery.com
다음 $(document).ready()
과 같이의 약어입니다 $(document).ready(function() {
YOUR_CODE_HERE
});
. DOM로드가 완료되기 전에 함수가 실행 중이므로이를 사용해야하는 경우가 있습니다.
모든 것이 여기에 설명되어 있습니다 : http://docs.jquery.com/Tutorials:Introducing_$ (document) .ready ()
Javascript와 jQuery 메소드를 혼동하고 있다고 생각합니다. 바닐라 또는 일반 자바 스크립트는 다음과 같습니다.
function example() {
}
그 자연의 기능은 언제 어디서나 호출 될 수 있습니다.
jQuery (Javascript 기반 라이브러리)에는 일반적으로 DOM을 호출하기 전에 완전히 렌더링해야하는 기능이 내장되어 있습니다. 완료시 구문은 다음과 같습니다.
$(document).ready(function() {
});
따라서 접두사 $
또는 단어 가있는 jQuery 함수는 jQuery
일반적으로 해당 메소드 내에서 호출됩니다.
$(document).ready(function() {
// Assign all list items on the page to be the color red.
// This does not work until AFTER the entire DOM is "ready", hence the $(document).ready()
$('li').css('color', 'red');
});
해당 블록의 의사 코드는 다음과 같습니다.
문서 객체 모델 $(document)
이 준비 .ready()
되면 다음 함수를 호출하십시오 function() { }
. 이 함수 <li>
에서 페이지의 모든 항목을 확인 $('li')
하고 jQuery 메소드 .CSS ()를 사용하여 CSS 속성 "color"를 "red"값으로 설정하십시오..css('color', 'red');
$(document).ready()
브라우저의 페이지로드가 완료되면 (DOM을 사용할 수있는 경우) 실행되는 바로 가기입니다 . http://www.learningjquery.com/2006/09/introducing-document-ready를 참조 하십시오 . example()
브라우저가 페이지로드를 완료하기 전에 전화를 걸려 고하면 작동하지 않을 수 있습니다.