Skip to main content


Showing posts with the label dialog

jQuery Mobile data-title behavior with multi-page template

The jQuery Mobile library comes with wonderful Ajax page transition capabilities. But you have to keep a look on the Page title as you navigate between the various pages and I have tried to document the behavior under different scenarios in this blog.

Consider the below code, click the below link to launch the code in a separate window.

<!DOCTYPE html>
    <title>Main Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="" />      <script src=""></script>     <script src=""></script>   </head>
    <div id="page1" data-role="page" data-title="page 1 data-title">