0

我正在使用phonegap（使用cordova-2.6.js）和jQuery mobile开发一个房地产ipad应用程序，它由多个单个.html文件组成。

HTML 文件是使用“Twitter CSS Bootstrap Framework”和“Jquery Mobile Framework”设计的。

我面临以下问题：

  1. 在两个 .html 页面之间转换的情况下（例如，如果我想从“index.html”页面转到“contact.html”页面），我面临页面加载问题（在页面中，似乎 css和 js 文件未正确加载）。

  2. 在 ipad 应用程序中，每个转换都依赖于 ajax 基础导航系统。如果我们写属性“data-ajax=false”，那么页面也没有正确加载。

  3. 我无法在“contact.html”中调用“window.onload”或“bodyonload”事件，只有 document.ready() 有效。对于 jQuery mobile，我们应该绑定“pageinit”事件，但我无法在“contact.html”页面中这样做。

  4. 在“contact.html”中，$("#form_id").submit(function(){ alert("hello world;")}); - 不管用。

调试问题：

  1. 使用的编辑器：Xcode
  2. 操作系统：IOS
  3. 技术栈：Phonegap、Bootstrap CSS、jQuery Mobile、HTML5

我已经使用了上述平台，但是当这些错误发生时，我无法在 Xcode 中正确调试。是否有任何可用于 Xcode 的工具，例如用于“Mozilla Firefox”网络浏览器的“Firebug”，以便我可以从控制台调试 jQuery 错误？

4

2 回答 2

1

我建议您使用包含使用 jQuery Mobile 的多个页面的单页应用程序来开发您的应用程序。它为您提供更清晰和原生的应用程序，如外观和功能。

在您对问题的回答下方，

  1. 我认为您正在使用 jQuery 方法更改页面，这仅加载页面但不重新加载页面，而是使用 window.location.href 加载所有 css 和 js 文件。

  2. "data-ajax=false" 用于需要重新加载页面的外部页面，如典型的 html 页面。

如果您使用 data-role="page" 将您的应用程序开发为包含多个页面的单页应用程序，那么剩下的问题就解决了。

对于像 firebug 这样的调试，您可以使用 safari 浏览器。在给定一个名为 iPhone Simulator 的菜单项中，有一个名为 Develop 的选项卡。首先使用 xCode 运行您的应用程序并启动 safari。它为您提供当前页面名称，然后从 safari 中选择该页面，并为您提供与 firebug 相同的界面。

于 2013-08-30T13:27:18.647 回答
0

正如 Naresh Ramoliya 所建议的，单页应用程序是一个很好的答案。

我使用 Cordova 和 Angular JS 制作了一个应用程序，它运行良好，并且没有与 JQuery mobile 不同的故障。

在此添加引导程序，您就可以开始了！

于 2013-08-30T18:18:42.797 回答