مثال شماره 1 کار با دیالوگ باکس ( Dialog Box ) در jQuery Mobile

کد // کد صفحه اول
<div data-role="page" id="pageone">
       <div data-role="header">
            <h1>صفحه خانه</h1>
       </div>

       <div data-role="main" class="ui-content">
            <p> خوش آمدید </p>
            <a href="#pagetwo">به صفحه دیالوگ باکس بروید</a>
       </div>

       <div data-role="footer">
           <h1> متن پا صفحه </h1>
       </div>

</div>

// کد دیالوگ باکس
<div data-role="page"  data-dialog="true"   id="pagetwo">
       
<div data-role="header">
              <h1> این یک دیالوگ باکس است </h1>
        </div>

        <div data-role="main" class="ui-content">
            <p>  یک دیالوگ باکس ، نوعی از پنجره است که برای نمایش اطلاعاتی خاص یا دریافت ورودی از کاربر ، به وی نشان داده می شود </p>
            <a href="#pageone">بازگشت به صفحه اول</a>
        </div>

        <div data-role="footer">
             <h1>پا صفحه دیالوگ باکس</h1>
        </div>

</div>
خروجی