JavaScript에서 myplugin component를 사용하기 위해 jQuery Mobile은 이 컴포넌트가 생성되는 마지막 단계를 가리키는 이벤트를 generate 합니다. 그 이벤트는 myplugincreate 입니다. ie 그 컴포넌트 이름은 스트링 "create"와 연결 됩니다.
이 이벤트는 jQuery의 standard method들과 같이 사용됩니다. 예를 들어 bind
() 나 live
()같은 메소드들입니다.
Using the creation event of the component
<!DOCTYPE html>
<html>
<head>
<meta name=viewport content="user-scalable=no,width=device-width" />
<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<script src=jquery.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>
<script src=jquery.mobile/myplugin.js></script>
</head>
<body>
<div data-role=page id=home>
<div data-role=header>
<h1>Home</h1>
</div>
<div data-role=content>
<p> Window content </p>
<div id=plug1 data-role=myplugin>
<p>This is my component</p>
</div>
</div>
</div>
</body>
</html>
<script>
$("#plug1").bind ("myplugincreate", function ()
{
alert ("Component created!");
});
</script>
이 이벤트는 그 컴포넌트가 create 됐는지를 알아 낼 때 유용하게 사용될 수 있을 겁니다. 예를 들어 컴포넌트에서 정의 된 메소드를 사용해야 할 경우 등이 되겠죠.
'jQuery Mobile > JQM Tutorial' 카테고리의 다른 글
두개의 이벤트 하나로 다루기, jQuery Mobile built in Components (0) | 2012.10.04 |
---|---|
컴포넌트에 이벤트 생성하고 사용하기 (0) | 2012.10.04 |
컴포넌트에 메소드 추가하기 (0) | 2012.10.04 |
Ajax 로 컴포넌트 사용하기 (0) | 2012.10.03 |
컴포넌트에 파라미터 전달하기 (0) | 2012.10.03 |
나만의 jQuery Mobile 컴포넌트 만들기 (0) | 2012.10.02 |
Virtual Events 알아보기 (0) | 2012.09.30 |
네임 스페이스 사용하기 (0) | 2012.09.30 |
Configuration Options (0) | 2012.09.29 |
mobileinit 이벤트가 triggering 되는 시기 알아보기 (0) | 2012.09.29 |