Я использую jQuery Mobile для академической работы. Я использую привязку с событием onclick и без атрибута href для перехода с одной страницы на другую. Это работает без проблем, но после загрузки страницы отображается всплывающее окно Ошибка загрузки.
Это пример такого поведения:
testes.js:
function createAndChange(){
var lol="<div data-role='page' id='pg2'><div data-role='header' data-backbtn='true'>XPTO</div><h1>LOL</h1></div>";
$("body").append(lol);
$("#pg2").bind("callback", function(e, args) {
alert(args.mydata);
});
$.mobile.changePage($("#pg2"),"slide");
$.mobile.updateHash('#pg2',true);
$(page).trigger("callback", args);
}
index.html:
<html>
<head>
<title>title</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="testes.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">header</div>
<div data-role="content">
<a onclick="createAndChange()">content</a>
</div>
<div data-role="footer">footer</div>
</div>
</body>
</html>
Спасибо за внимание.