Hi,
I have described the my problem in the following lines. Kindly clarify me. In my application,I am using more than html page for displaying the content and each page have own .
js file. When I call the html page then .
js file also included. In the .
js,I am using $('div').live('pageshow',function(){}). I am calling the html file from the .js(using $.mobile.changePage("htmlpage")).
My problem : consider, I have two html files. second.html file is called with in the one.
js. when I show the second.html, that time one.
js is reload again. I am getting the alert "one.
js" then "second.
js"
Please help me. Thanks in advance. Please point out my mistake.
I have attached the code.
one.html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" />
<script src="jquery-1.4.3.min.
js"></script>
<script src="jquery.mobile-1.0a2.min.
js"></script>
<script src="Scripts/one.
js"></script>
</head>
<body>
<div data-role="page">
</div>
</body>
</html>
Second.html
<!DOCTYPE html>
<html>
<head>
<title>Sample </title>
<link rel="stylesheet" href="../jquery.mobile-1.0a2.min.css" />
<script src="../jquery-1.4.3.min.
js"></script>
<script src="../jquery.mobile-1.0a2.min.
js"></script>
<script type="text/javascript" src="Scripts/second.
js"></script>
</head>
<body>
<div data-role="page">
<div data-role="button" id="link" >Second</div>
</div><!-- /page -->
</body>
</html>
one.
js
$('div').live('pageshow',function()
{
alert("one.
js");
//AJAX Calling
//success result than call the second.html
$.mobile.changePage("second.html");
});
second.
js
$('div').live('pageshow',function(){
{
alert('second.
js');
//AJAX Calling
//success result than call the second.html
$.mobile.changePage("third.html");
});
Note : When I show forth.html that time the following files are reload(one.
js,second.
js,third,
js and fourth.
js. But I need fourth.
js alone). I tried to use the $.document.ready(function(){}); but that time .
js did not call. :( :( :(
