Response title
This is preview!
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>MyGarden</title> <link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css" /> <script type="text/javascript" language="javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" language="javascript" src="js/jquery.mobile-1.0.1.min.js"></script> <script type="text/javascript" language="javascript" src="js/phonegap-1.4.1.js"></script> <script type="text/javascript"> function init() { document.addEventListener("deviceready", onDeviceReady, false); document.addEventListener("backbutton", onBackButton, false); } function onBackButton() { console.log("onBackButton"); } function onDeviceReady(e) { console.log("deviceready event fired!"); } // provide our own console if it does not exist, huge dev aid! if (typeof window.console == "undefined") { window.console = { log: function (str) { window.external.Notify(str); } }; } // output any errors to console log, created above. window.onerror = function (e) { console.log("window.onerror ::" + JSON.stringify(e)); }; console.log("Installed console ! "); </script> </head> <body onload="init();" id="stage"> <div data-role="page" data-theme="c"> <div data-role="header"> <h1> Page Title</h1> </div> <!-- /header --> <div data-role="content"> <a href="list.html" data-transition="pop">I'll pop</a> </div> <!-- /content --> <div data-role="footer"> <h4> Page Footer</h4> </div> <!-- /footer --> </div> <!-- /page --> </body> </html>
To my knowledge jQM only works with jQuery 1.6.4, not 1.7.
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="viewport" content="width=device-width, initial-scale=1" /> | |
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> | |
<title>MyGarden</title> | |
<link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css" /> | |
<script type="text/javascript" language="javascript" src="js/jquery-1.6.4.min.js"></script> | |
<script type="text/javascript" language="javascript" src="js/jquery.mobile-1.0.1.min.js"></script> | |
<!--<script type="text/javascript" language="javascript" src="js/phonegap-1.4.1.js"></script> | |
<script type="text/javascript"> | |
function init() { | |
document.addEventListener("deviceready", onDeviceReady, false); | |
document.addEventListener("backbutton", onBackButton, false); | |
} | |
function onBackButton() { | |
console.log("onBackButton"); | |
} | |
function onDeviceReady(e) { | |
console.log("deviceready event fired!"); | |
} | |
// provide our own console if it does not exist, huge dev aid! | |
if (typeof window.console == "undefined") { | |
window.console = { log: function (str) { window.external.Notify(str); } }; | |
} | |
// output any errors to console log, created above. | |
window.onerror = function (e) { | |
console.log("window.onerror ::" + JSON.stringify(e)); | |
}; | |
console.log("Installed console ! "); | |
</script>--> | |
</head> | |
<body onload="init();" id="stage"> | |
<div data-role="page" data-theme="c"> | |
<div data-role="header"> | |
<h1> | |
Page Title</h1> | |
</div> | |
<!-- /header --> | |
<div data-role="content"> | |
<a href="list.html" data-transition="pop" data-rel="external">I'll pop</a> | |
</div> | |
<!-- /content --> | |
<div data-role="footer"> | |
<h4> | |
Page Footer</h4> | |
</div> | |
<!-- /footer --> | |
</div> | |
<!-- /page --> | |
</body> | |
</html> |
© 2013 jQuery Foundation
Sponsored by and others.