1

我开始使用cordova 和jqmobile。

我在这里遵循了一些指南和一些帖子，但没有一个对我有帮助。我创建了一个简单的测试应用程序，它带有一个返回一些值的 ajax 调用。它适用于某些 android 的手机（即带有 android 4.2 的 Google nexus，带有 android 2.3 的 Galaxy ace），但它不适用于我的 Galaxy s4。

我错过了什么？？

这是我的 index.js

var deviceReadyDeferred = $.Deferred();
var jqmReadyDeferred = $.Deferred();
document.addEventListener('mainpage',deviceReady(),false);
function deviceReady(){
    deviceReadyDeferred.resolve();
}
$(document).on('mobileinit',function(){
    jqmReadyDeferred.resolve();
});
$.when(deviceReadyDeferred,jqmReadyDeferred).then(doWhenBothFrameworksLoaded());
function doWhenBothFrameworksLoaded (){
    $.mobile.allowCrossDomainPages = true;
    $.support.cors = true;
    loadRepos();
}

该loadRepos()函数包含ajax。

 <html>
    <head>
    <meta charset="utf-8" />
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, height=device-height initial-scale=1">
    <link rel="stylesheet" href="assets/jquery.mobile/jquery.mobile-1.3.1.min.css" />
    <script src="assets/jquery/jquery-1.10.2.min.js"></script>
    <script src="assets/jquery.mobile/jquery.mobile-1.3.1.min.js"></script>
    </head>
    <body>

  <div data-role="page" id="mainpage">

    <div data-role="header" data-position="fixed" id="deviceready">
      <h1>Ticket Test</h1>
      <div data-role='navbar'>
        <ul>
          <li><a href="#mymenu" data-inline='true' data-icon="grid">Menu</a></li>
          <li><a href="#popupMenu" data-rel="popup"
              data-role="button" data-inline="true"
              data-transition="slideup" data-icon="gear" data-theme="e">Options</a></li>
          <li><a href="#mycerca" data-icon="search"
              data-inline='true'>Cerca</a></li>
        </ul>
      </div>
    </div>

    <div data-role="content">
      <h2>Dashboard</h2>
      <table id="dashboard" data-role="table" data-mode="columntoggle"
        class="ui-responsive table-stroke" data-filter="true">
        <thead>
          <tr>
            <th>Number</th>
            <th data-priority="2">Company</th>
            <th data-priority="3">Queue</th>
            <th data-priority="4">Receiver</th>
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </div>
  <script type="text/javascript" src="cordova.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
</body>
</html>
4

1 回答 1

0

您在以下行中有错误： document.addEventListener('mainpage',deviceReady(),false);

它应该是：
document.addEventListener('mainpage',deviceReady,false);

即函数名，而不是函数调用。

于 2013-08-13T18:54:33.697 回答