jquery-mobile – 如何初始化jquery手机页面? pageinit不触发

前端之家收集整理的这篇文章主要介绍了jquery-mobile – 如何初始化jquery手机页面? pageinit不触发前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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 —-

这个bug在JQM问题跟踪器中被标记为“关闭”。显然,意见不同是否工作正常。

解决方法

当我在页面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

猜你在找的jQuery相关文章