<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Dialog example - jQuery Mobile Demos</title> <link rel="stylesheet" href="../css/themes/default/jquery.mobile-1.4.2.min.css"> <link rel="stylesheet" href="../_assets/css/jqm-demos.css"> <link rel="shortcut icon" href="../favicon.ico"> <script src="../js/jquery.js"></script> <script src="../_assets/js/index.js"></script> <script src="../js/jquery.mobile-1.4.2.min.js"></script> </head> <body> <div data-role="page" data-close-btn="none" data-dialog="true"> <div data-role="header"> <h1>Dialog</h1> </div> <div role="main" class="ui-content"> <h1>No close button</h1> <p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p> <a href="docs-dialogs.html" data-rel="back" class="ui-btn ui-shadow ui-corner-all ui-btn-b">Ok, I get it</a> </div> </div> </body> </html>