JQuery Dialog 동적으로 보이게(띄우기)

1번 방법

본문에 페이지로 추가

<div data-role="page" id="page_dialog">

      <div data-role="header">

        <h1>Your Message</h1>

      </div>    

      <div data-role="content" id="text">

      </div>    

</div>

스크립트에는

$.mobile.changePage('#page_dialog', {transition: 'pop', role: 'dialog'});

2번 방법

본문에 페이지로 추가

<div data-role=" dialog" id="page_dialog">

      <div data-role="header">

        <h1>Your Message</h1>

      </div>    

      <div data-role="content" id="text">

      </div>    

</div>

스크립트에는

$.mobile.changePage('#page_dialog', 'pop', true, true);