Jquery mobile 如何在windows phone 8上使用（phonegap、angularjs和jquery mobile）？_Jquery Mobile_Angularjs_Windows Phone 8_Cordova

Jquery mobile 如何在windows phone 8上使用（phonegap、angularjs和jquery mobile）？

jquery-mobile angularjs windows-phone-8 cordova

Jquery mobile 如何在windows phone 8上使用（phonegap、angularjs和jquery mobile）？,jquery-mobile,angularjs,windows-phone-8,cordova,Jquery Mobile,Angularjs,Windows Phone 8,Cordova,当我尝试运行一个空白应用程序时，控制台输出为： “调用js触发nativeReady事件时出错。是否在html脚本标记中包含cordova.js？” Doctype是： <!DOCTYPE html> 这是脚本引用： <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="format-detection" content="telephone=

当我尝试运行一个空白应用程序时，控制台输出为： “调用js触发nativeReady事件时出错。是否在html脚本标记中包含cordova.js？”

Doctype是：

<!DOCTYPE html>

这是脚本引用：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="initial-scale=1, width=device-width, height=device-height" />
    <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.0.min.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />

    <script type="text/javascript" src="js/jquery.min.js"></script>
<script type='text/javascript' src='js/angular.min.js'></script>
<script type='text/javascript' src='js/angular-ui.js'></script>
<script type='text/javascript' src='js/jqm-setup.js'></script>
<script type="text/javascript" src="js/jquery.mobile.js"></script>
<script type="text/javascript" src="js/jquery-mobile-angular-adapter.min.js"></script>
    <script type="text/javascript" src="cordova-2.5.0.js"></script>
    <script type="text/javascript" src="js/index.js"></script>-->

-->

这个错误只有在我删除jquery移动设备时才会消失。。。

提前感谢。

我会避免在PhoneGap应用程序中使用JQuery Mobile。在一次DC Droid会议上，我见到了AdobePhoneGap福音传道者安德鲁·特里斯（AndrewTrice），并听取了他在几次网络研讨会上的发言。我听他不止一次地说JQuery Mobile存在巨大的性能问题。他建议尽可能使用其他框架。还有许多其他框架具有良好的设计、小部件和示例，使它们易于学习。我想他甚至创造了自己的AppUI。环顾四周，你会发现一些非常酷的文件。

这个错误肯定是这样说的：cordova.js文件没有正确包含。先把它修好

回答你的更大问题：Angular、jQuery Mobile和PhoneGap将一起玩，但它附带了一些大的警告

最大的问题是，jQuery Angular移动适配器目前已被放弃，而他们正在投入时间构建更好的解决方案：Angular jqm。这意味着适配器只适用于过时版本的库

第二：那些过时的库版本在使用Windows Phone时存在一些问题。它们也是可以修复的，但会将您锁定在一个更不易维护的版本中

下面是设置：

<script src="javascripts/vendor/jquery-mobile-1.3.1.js"></script>
<!-- this angular-1.0.6 includes a patch to support WP8 URLs: https://github.com/angular/angular.js/issues/2303 -->
<script src="javascripts/vendor/angular-1.0.6.js"></script>
<script src="javascripts/vendor/jquery-angular-mobile-adapter-1.3.2.js"></script>

Write now jquery mobile不适用于Windows-phone-8应用程序

<body ng-controller="AppController">
  <div data-role="page" id="first" ng-controller="FirstController">
    <h1>First Page</h1>
    <p>{{foo}}</p>
    <p><a href="#/second">Second Page</a></p>
  </div>
  <div data-role="page" id="second" ng-controller="SecondController">
    <h2>Second Page</h2>
  </div>
</body>

<script>
var so_example = angular.module('so_example', []).
  config(function ($routeProvider, $locationProvider, $compileProvider) {
    // turn off html5 mode so that we just navigate around using hashes
    $locationProvider.html5Mode(false).hashPrefix("");
    // allow for the odd URLs included in Windows Mobile PhoneGap
    $compileProvider.urlSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel|x-wmapp0):/);

    $routeProvider.
        when('/second', {
            templateUrl: '#second',
            jqmOptions: { transition: 'slide' } 
        }).
        when('/', {
            templateUrl: "#first"
        });
  }).
  controller("FirstController", function ($scope) {
    $scope.foo = "Hello, World!";
  }).
  controller("SecondController", function ($scope) {
  });
</script>

var app = (function () {
  function onDeviceReady() {
    angular.bootstrap(document, ['so_example']);
    $.mobile.phonegapNavigationEnabled = true;
  }

  return {
    initialize: function() {
      document.addEventListener('deviceready', onDeviceReady, false);
    }
  };
})();
app.initialize();