Response title
This is preview!
- Screen name: symeonb
symeonb's Profile
2 Posts
18 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- The numbers look way out - on the jqmobile forum the top user for the month is ollibruening with 55 posts but if you click on the link the report for the month only shows 5 posts for the past 30 days ???
- I want to understand more on what is going on with the hash when a page is refreshed or linked to from an external site. Here is a simple example .
e.g. the url www.site.com/page.html#test
Scenario 1 - if #test is static in the page- <!DOCTYPE html >
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<link rel="stylesheet" href="css/mobile.css" />
<script src="http://code.jquery.com/jquery-1.5.2.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.js"></script>
</head>
<body>
<div id="home" data-role="page" >
<div data-role="content">
<a href="#test" data-role="button">test link</a>
</div>
</div>
<div data-url="test" id="test" data-role="page" >hello world</div>
</body>
</html>
This shows up correctly.
Scenario 2 - #test is added to the page dynamically after display- <!DOCTYPE html >
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<link rel="stylesheet" href="css/mobile.css" />
<script src="http://code.jquery.com/jquery-1.5.2.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
if (window.location.href.indexOf("#test") > -1) {
gettest();
}
});
function gettest(){
$('body').append('<div data-url="test" id="test" data-role="page" >hello world</div>');
$("#test").page();
$.mobile.changePage("#test", "slide", false, true);
}
</script>
</head>
<body>
<div id="home" data-role="page" >
<div data-role="content">
<a href="" onclick="gettest()" data-role="button">test link</a>
</div>
</div>
</body>
</html>
How can i stop the above error message happening in this scenario ?
Thanks
Symeon- «Prev
- Next »
- <!DOCTYPE html >
Moderate user : symeonb