Response title
This is preview!
$.mobile.changePage() not updating the content of the page
in jQuery Mobile
•
11 years ago
Hello there, I'm trying to solve a problem for 3 hours now and my last hope is an external help (i.e you 
) as i've already tried my best.
The problem is simple. I have 2 html page with an id. Here is my javascript code. The alert message is showing but the content is still the one from the previous page..
) as i've already tried my best.The problem is simple. I have 2 html page with an id. Here is my javascript code. The alert message is showing but the content is still the one from the previous page..
- $("#start").live('pageinit', function(e) {
$.mobile.changePage("settings.html");
});
$("#settings").live('pageinit', function(e){
alert("ok");
});
I'm trying in in an android emulator. I've tried it to in my browser and i can see there is a GET on the second page but it is not dipslayed..
I'm giving you the html page as well :
I'm giving you the html page as well :
- <!DOCTYPE HTML>
<html>
<head>
<title>Start</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<script type="text/javascript" src="js/phonegap-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page" id="start">
<div data-role="header">
<h1>Welcomezz</h1>
</div>
</div>
</body>
<script type="text/javascript" src="js/esmobile.js"></script>
</html> - <!DOCTYPE html>
<html>
<head>
<title>Settings</title>
<script type="text/javascript" src="js/phonegap-1.4.1.js"></script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page" id="settings">
<div data-role="header">
<h1>Settings</h1>
</div>
</div>
</body>
<script type="text/javascript" src="js/esmobile.js"></script>
</html>
1
