在 jquery 中没有调用 pageinit

Question

我正在使用Remote autocomplete jQuery Mobile 示例，我已经实现了代码，它在下面

脚本在下面

   <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>

这里的问题是警报没有出现，有人可以帮我怎么做吗？

Answer 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>