1

在 Windows 7 Ultimate 64 位机器上的 Visual Studio 2010 SP1 中与 PhoneGap Cordova 1.9.0 和 Windows Phone 7.1.1 一起使用时，我无法让 jQuery Mobile 正确初始化和启动。

有没有人有一个带有测试页面的入门项目模板来演示如何正确设置项目？

4

2 回答 2

0

我不确定这是否适用于 windows phone，但它对 iOS 和 Android 有帮助：

1）按照此处的说明关闭“自动页面初始化”：http: //jquerymobile.com/test/docs/api/globalconfig.html

2) 在您的应用程序的 phonegap "deviceinit" 处理程序中，调用 $.mobile.initializePage();

问题源于 jquerymobile 以多种方式重新排列 DOM，并且您不希望在您的电话间隙应用程序准备好之前发生这种情况。这发生在 DOM 准备好之后。

在我的页面中，我在加载 jquery mobile之前立即使用它：

  <script type="text/javascript">
    //this must come before jquery is loaded
    $(document).bind("mobileinit", function(){
        "use strict";
        $.mobile.autoInitializePage = false;
    });
    </script>

在同一页面的末尾，我使用它来进行最终初始化：

  <script type="text/javascript">
    //called on phone when device is full initialized
    document.addEventListener("deviceready",function() {
        "use strict";
        //phone init code that manipulates the DOM...
        $.mobile.initializePage();

    });


    </script>
于 2012-07-11T07:37:49.010 回答
0

您可以通过下载 Cordova 2.2.0 版本并解压缩来创建自己的模板。在文件夹中有一个名为 incubator-cordova-wp7.zip 的子文件夹

解压缩该文件，您将看到一个用于示例 Cordova 项目的 Visual Studio 解决方案 - 打开它。然后在 Visual Studio 中转到文件 > 导出模板并使用默认设置。将其保存在您喜欢的任何位置，现在您就拥有了您的模板。

使用这个新模板创建一个新项目，然后按“运行”，您应该会在 Windows Phone 模拟器中看到通常的 Cordova 起始页。

我在让 jquery mobile 在 WP7 中工作时遇到问题。从布局来看，似乎并非所有东西都在工作——就像不是所有的 CSS 都被应用了，我正试图找出如何调试这个东西——非常令人沮丧。我很惊讶，因为 jqm 网站说 Windows Phone 7 获得了 A 级支持。我注意到当从文件或网址（例如 localStorage）加载文件时，某些功能会打开/关闭。例如，在 IE 中打开一个网站，然后在控制台中键入 localStorage - 它会告诉您它是一个对象等等。从你的硬盘打开一个 html 文件并输入 localStorage，你什么也得不到。我试过弄乱 angularjs 和 emberjs，它们在模拟器和 IE10 中都有问题，所以我认为 WP7 / IE9 / 什么都烂！（恕我直言）

于 2012-11-22T16:20:52.027 回答