在jQuery移动页面上初始化对象的正确方法是什么?
events docs说要使用“pageInit()”没有那个函数的例子,但给出绑定到“pageinit”方法的例子(注意大小写不同)。但是,在这个简单的测试页面中,我看不到事件触发:
<html> <body> <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" charset="utf-8" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script> <div data-role="page" id="myPage"> test </div> <script> $("#myPage").live('pageinit',function() { alert("This never happens"); }); </script> </body> </html>
我缺少什么?我应该补充说,如果你改变pageinit到另一个事件像pagecreate这段代码工作。
—- UPDATE —-
解决方法
当我在页面div中嵌入脚本时,它开始工作:
<body> <div id="indexPage" data-role="page"> <script type="text/javascript"> $("#indexPage").live('pageinit',function() { // do something here... }); </script> </div> </body>
使用jQuery Mobile 1.0RC1