'2011/10'에 해당되는 글 2건

  1. 2011.10.04 jQuery.holdReady()
  2. 2011.10.04 [jQuery] 스터디 시작~
jQuery/Core2011.10.04 06:35
version added: 1.6

jQuery.holdReady()
Holds or releases the execution of jQuery's ready event

1.6 버젼에 추가된 내용이군요; 그 이하 버젼에서는 작동 안하니 참고 바랍니다.

이 메소드는 특정 js 파일을 로드를 해야만 기능을 사용할 수 있는 스크립트를 사용할때 필요한 메소드입니다.
만약 특정 기능을 담은 js 파일을 불러들이고 그기능을 동작하게 할 경우 js파일은 로드가 완료되지 않은 상태에서 DOM이 로드가 완료되어 사용자가 그 기능을 사용하려고 할때 발생될 수 있는 오류사항을 막기 위해 만들어진 메소드입니다.

사용법은 의외로 간단합니다.

Example:
$.holdReady(true); 
$
.getScript("myplugin.js", function() { 
     $
.holdReady(false); 
}); 

위와 같이 우선 문서에 $.holdReady(true);를 해주게 되면 DOM이 로드되는 것을 지연시켜줍니다.
이후 $.getScript로 필요한 js 파일을 불러들이고 로드가 완료되게 되면 $.holdReady(false);로 DOM 로드 지연을 해제해 주시면 됩니다.해당 스크립트는 head영역에 선언하시는게 좋습니다. 만약 body부분에 선언할 경우 해당 js를 사용하는 DOM요소를 먼저 로드했을 경우 위의 내용은 무용지물이 될테니까요~
저작자 표시 비영리
신고

'jQuery > Core' 카테고리의 다른 글

jQuery.holdReady()  (0) 2011.10.04
Posted by 코멧'★
jQuery2011.10.04 05:56


업무에서 jQuery를 필요할때만 찾아서 쓰다가 처음부터 기능들을 하나씩 정리해 보며 다시 공부해보고 싶어져서 오늘 부터 조금씩 꾸준히 jQuery 정리를 해나갈까 생각하다가 하나씩 블로그에 정리해 보기로 하였습니다. 기본적으로 jQuery 사이트에 Document에 정리가 잘되어 있기 때문에 그 내용을 토대로 예제 중심으로 하나씩 정리해 나가겠습니다 ^^;

일단 jQuery가 어떤건가에 대한 부연설명은 하지 않겠습니다. 이 글의 목적이 정보를 알려드리기 보다는 제 스스로 jQuery를 배워나가며 하나씩 정리해 나가자는 취지에서 시작하게되어서 최대한 예제 중심으로 핵심만을 짚고 넘어가려고 생각 중입니다. 혹시나 저와 같이 스터디 목적으로 이글을 보시거나 jQuery에 대해 잘 이해가 안되시거나 하셔서 찾아오신 분들은 해당 내용을 방명록이나 댓글등으로 달아주시면 부족한 실력이지만 같이 고민해 드리겠습니다 ^^;

일단 계획은 Document 처음부터 메소드들을 쭉한번 둘러보며 해당내용을 직접 예제 코드로 작성하고 해당코드가 어떨때 쓰일지 고민해 보고 해당 메소드 사용시 주의할 점과 핵심이 무엇인지를 집중적으로 생각해보려 합니다. 정리 내용은 Document 순서대로 진행해갈 생각이지만 도중에 업무에 관련되어 알게된 내용은 따로 정리를 할 생각입니다. 현재 롯데닷컴에서 웹퍼블리셔로 일하고 있어서 주로 쇼핑몰에서 자주 사용하는 내용이 주가 되지 않을까 생각되지만 꼭 쇼핑몰이 아니더라도 공부하며 그때그때 사용해본 스크립트도 같이 정리할 생각입니다. 부디 작심삼일이 되지 않기를 바라며 ^^;

이글에서는 일단 jQuery Document의 내용을 간략히 살펴보고 본격적으로 메소드들 하나하나를 살펴보겠습니다.

Category
Ajax
  - Global Ajax Event Handlers
  - Helper Functions
  - Low-Level Interface
  - Shorthand Methods
Attributes
Core
CSS
Data
Deferred Object
Dimensions
Effects
  - Basics
  - Custom
  - Fading
  - Sliding
Events
  - Browser Events
  - Document Loading
  - Event Handler Attachment
  - Event Object
  - Form Events
  - Keyboard Events
  - Mouse Events
Forms
Internals
Manipulation
  - Class Attribute
  - Copying
  - DOM Insertion, Around
  - DOM Insertion, Inside
  - DOM Insertion, Outside
  - DOM Removal
  - DOM Replacement
  - General Attributes
  - Style Properties
Miscellaneous
  - Collection Manipulation
  - Data Storage
  - DOM Element Methods
  - Setup Methods
Offset
Plugins
  - Data Link
  - Templates
Properties
  - Properties of jQuery Object Instances
  - Properties of the Global jQuery Object
Selectors
  - Attribute
  - Basic
  - Basic Filter
  - Child Filter
  - Form
  - Hierarchy
  - jQuery Extensions
  - Visibility Filter
Traversing
  - Filtering
  - Miscellaneous Traversing
  - Tree Traversal
Utilities
Version (생략)

흐미... 생각보다 무지 많군요 이거 너무 쉽게 생각한게 아닐까 살짝 겁도 나는데요 ^^;
순서는 따로 정해두지 않겠습니다. 일단 폴더를 위 구조와 같이 만들어 놓고 하나 하나 공부해가며 채울 생각입니다. 완료 일자와 업데이트 주기도 따로 정하진 못하겠네요 ^^; 그럼 저 폴더가 다 채워질때까지 열공모드로 ^^;









저작자 표시 비영리
신고

'jQuery' 카테고리의 다른 글

[jQuery] 스터디 시작~  (0) 2011.10.04
Posted by 코멧'★

티스토리 툴바