在jquery中没有调用pageinit

时间:2013-11-21 12:13:48

标签: javascript jquery html ajax jquery-mobile

我正在使用jQuery Mobile的Remote autocomplete示例,我已经实现了代码,它位于

之下

脚本位于

之下
   <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
  <link rel="stylesheet" href="assets/css/styles.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>

       <script>
        $( document ).on( "pageinit", "#myPage", function() {
                alert("MOBILE");
         });
       </script>

html代码在

之下
     <div data-role="page">
          <ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search Text..." data-filter-theme="d">
      </ul>

这里的问题是警报没有到来,有人可以帮我怎么做吗?

1 个答案:

答案 0 :(得分:-1)

首先包含jquery文件,然后添加如下代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://jquerymobile.com/demos/1.2.1/js/jquery.mobile-1.2.1.js">
      <script>
            $(document).bind('pageinit', "#myPage", function() {
                    alert("MOBILE");
             });
           </script>