$.mobile.changePage
() 이외에 jQuery Mobile은 추가적인 메소드와 프로퍼티들을 제공합니다. 이것도 $.mobile
object에 set 됩니다.
Methods defined on the $.mobile object
|
Method / Property |
Signification |
|
showPageLoadingMsg () |
Method to display a waiting message indicating a page is loading. The message is defined in $.mobile.loadingMessage string ("loading" by default). |
|
hidePageLoadingMsg () |
Method to hide the waiting message previously shown by showPageLoadingMsg (). |
|
activePage |
Property representing the jQuery class object for the window currently displayed on the screen. |
|
firstPage |
Property representing the jQuery class object corresponding to the first window described in the HTML page (which will normally be displayed first). |
|
pageContainer |
Property
representing the jQuery class object corresponding to the element
in which the windows are inserted. By default the parent element
of the first window, corresponding generally to the <body>
element. Note that jQuery Mobile assigns the ui-mobile-viewport
CSS class to this element. |
현재 active window의 HTML content 를 알기 위해 $.mobile.activePage
property 를 사용합니다. 우리는 alert 안에 이 content를 display 하는 window에 link를 insert 합니다.
View HTML content of the active window
<!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>
</head>
<body>
<div data-role=page id=home>
<div data-role=header>
<h1>Home</h1>
</div>
<div data-role=content>
<p> Window content </p>
<a href=# id=link1> View the contents of the active window </a>
</div>
</div>
</body>
</html>
<script>
$("#link1").bind ("click", function (event)
{
alert ($.mobile.activePage.html ());
});
tistory412_01.html'jQuery Mobile > JQM Tutorial' 카테고리의 다른 글
| HTML element 를 jQuery Mobile list 로 바꾸기 (0) | 2012.10.23 |
|---|---|
| 다이나믹하게 리스트 생성하기 (0) | 2012.10.22 |
| window를 생성하는 예제들... (0) | 2012.10.21 |
| content 부분 customize 하기 (0) | 2012.10.21 |
| window (화면) 들의 event 들 관리하기 (0) | 2012.10.20 |
| Dialog windows 사용하기 (0) | 2012.10.17 |
| 윈도우 생성 과정 이해하기 (0) | 2012.10.16 |
| $.mobile.loadPage (url, options) method 사용하기 (0) | 2012.10.15 |
| $.mogile.changePage(toPage,options) method 로 페이지 이동하기 (0) | 2012.10.13 |
| 링크 관련 jQuery Mobile 내부 flow 알아보기 2 (0) | 2012.10.09 |