gpt4 book ai didi

android - PhoneGap 和 JQM 链接页面

转载 作者:搜寻专家 更新时间:2023-11-01 08:58:06 25 4
gpt4 key购买 nike

我正在开发 android webapp 我正在使用 phoneGap v2.9.0 和 JQM V1.3.1在 index.html 页面中,两个框架的启动都是成功的,我能够使用JQM 之后

 document.addEventListener("deviceready", onDeviceReady, false);

当链接到外部页面但在同一个项目中时,可以说 contact.html 两个框架的初始化失败并且无法使用它们中的任何一个我检查了关于链接外部页面的 JQM 文档 JQM documentation for linking pages

他们解释说 JQM 中的链接过程是通过 Ajax 请求完成的 如果 Ajax 请求成功,新的页面内容将添加到 DOM这是否意味着 contact.html 中包含的所有脚本都已加载到索引页?这意味着我可能有每个库和脚本的重复?

最佳答案

要了解这种情况,您需要了解 jQuery Mobile 的工作原理。它使用 ajax 加载其他页面。

第一页正常加载。它的 HEAD BODY 加载到 DOM ,他们在那里等待其他内容。当加载第二页时,它的 BODY 内容加载到 DOM .

这就是为什么您的按钮显示成功但点击事件不起作用的原因。相同的点击事件,其父 HEAD 在页面转换期间被忽略。

这是官方文档:http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html

不幸的是,您不会在他们的文档中找到这个描述。以太他们认为这是常识,或者他们忘记像我的其他主题一样描述这一点。 (jQuery Mobile 文档很大但缺少很多东西)。

  1. 将所有 JavaScript 放入第一个 HTML/ASP 文件
  2. 将您的 JavaScript 移动到 <body> ;更准确地说,将其移动到 <div> 中与 data-role="page" .正如我已经指出的,这是要加载的页面的唯一部分。
  3. 使用rel="external"在页面之间切换时,因为它会触发整个页面刷新。基本上,您的 jQuery Mobile 页面将充当普通的 Web 应用程序。

编辑:

可在此博客中找到工作示例 ARTICLE ,说白了这是我的博客。

关于android - PhoneGap 和 JQM 链接页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17418679/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com