在ajax导航页面中,用于执行初始化的经典“文档准备”表单javascript根本不会触发。
在ajax加载页面中执行一些代码的正确方法是什么?
(我的意思是,不是我的ajax …它是jquery移动页面导航系统,它带我到那个页面)
好吧,我怀疑这样的东西…感谢很多=)但是它仍然不工作,这里是我的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mypage</title>
<link rel="stylesheet" href="jquery.mobile-1.0a4.min.css" />
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.0a4.min.js"></script>
<script type="text/javascript">
$('div').live('pageshow',function(event,ui){
alert('Ciao');
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Shopping Cart</h1>
</div>
<div data-role="content"> asd
</div>
</div>
</body>
我需要指定div ID吗?
我花了一些时间研究相同的,因为JQM文档在这一点上不是很详细。下面的解决方案对我很好:
<script type="text/javascript">
$('div:jqmData(role="page")').live('pagebeforeshow',function(){
// code to execute on each page change
});
</script>
你必须实现自己的检查流程,以防止多次初始化,因为上面的代码将在每次页面更改时运行