All pages are visible in multi page template in jquery mobile -
have created mulipage template in jquery mobile dialog page also.the requirement when click on 1 of icons should display dialog box problem pages , dialog visible in same page allthe time without events fired. please tell me if missing anything.
the code follows:
<!doctype html> <html> <head> <title>dialog</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="lib/jquery.mobile-1.3.1.min.css" /> <script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="lib/jquery.mobile-1.3.1.min.js"></script> <script></script> </head> <body> <div data-role="page" id="one"> <div data-role="content" align="bottom"> <p> <a href="#dialog" data-rel="dialog" data-transition="pop">click dialog</a> </p> </div> </div> <div data-role="page" id="dialog"> <div data-role="header" data-theme="e"> <h1>dialog.</h1> </div> <div data-role="header" data-theme="d"> <h1>this dialog.</h1> </div> <div data-role="footer"> <h4>footer</h4> </div> </div> <div data-role="page" id="two"> <div data-role="header" data-theme="e"> <h1>page2</h1> </div> <div data-role="header" data-theme="d"> <h1>this page2.</h1> </div> <div data-role="footer"> <h4>footer</h4> </div> </div> </body> </html>
that because using old version of jquery.
use jquery 1.8.3 or higher. jquery mobile locked jquery version , not work older versions.
in case using jquery mobile 1.3.1 minimal requirement jquery 1.8.3 advise use 1.9.
Comments
Post a Comment