个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
24
4
我已经使用 $.mobile.changepage 在我的 phonegap+jquerymobile 项目中进行重定向。然而让我感到困惑的是，我需要将所有页面的脚本放在同一个文件index.html 中。否则，重定向页面将无法执行其 header 中的功能。
例如，我的 index.html 似乎是$(document).bind("deviceready",function(){$.mobile.changepage("test.html");})
然后，我的设备将重定向到 test.html，这似乎是
$("#btnTest").click(function(){alert("123");})
<button id="btnTest">Test</button>
但是，脚本永远不会在 test.html 中执行。然后我将脚本放到 index.html 中，我期望完成的事情就完成了。不管怎样，如果我把所有的脚本都放在同一个页面上，这个项目将变得越来越难以保存。感谢您的帮助。
最佳答案
这篇文章也可以找到 HERE 作为我博客的一部分。
要了解这种情况，您需要了解 jQuery Mobile 的工作原理。它使用 ajax 加载其他页面。
第一页正常加载。它的 HEAD 和 BODY 被加载到 DOM>，他们在那里等待其他内容。当加载第二个页面时，只有它的 BODY 内容被加载到 DOM 中。更准确地说，甚至 BODY 也没有完全加载。只有第一个具有属性 data-role="page"的 div 将被加载，其他所有内容都将被丢弃。即使您在 BODY 中有更多页面，也只会加载第一个页面。此规则仅适用于后续页面，如果您在初始 HTML 中有更多页面，所有这些页面都将被加载。
这就是为什么您的按钮显示成功但点击事件不起作用的原因。在页面转换期间忽略了其父级 HEAD 的同一点击事件。
这是官方文档:http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html
不幸的是，您不会在他们的文档中找到这个描述。以太他们认为这是常识，或者他们忘记像我的其他主题一样描述这一点。 (jQuery Mobile 文档很大但缺少很多东西)。
在您的第二个页面和所有其他页面中，将您的 SCRIPT 标记移动到 BODY 内容中，像这样:
<body>
<div data-role="page">
// And rest of your HTML content
<script>
// Your javascript will go here
</script>
</div>
</body>
这是一个快速的解决方案，但仍然很丑陋。
工作示例可以在我的其他答案中找到: Pageshow not triggered after changepage
另一个工作示例:Page loaded differently with jQuery-mobile transition
将所有 javascript 移动到原始的第一个 HTML 中。收集所有内容并将其放入单个 js 文件中，放入 HEAD 中。在加载 jQuery Mobile 后对其进行初始化。
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script src="index.js"></script> // Put your code into a new file
</head>
最后我将描述为什么这是一个好的解决方案的一部分。
在您的按钮和用于更改页面的每个元素中使用 rel="external"。因为它不会将 ajax 用于页面加载，您的 jQuery Mobile 应用程序将像普通的 web 应用程序一样运行。不幸的是，这不是您的情况的好解决方案。 Phonegap 永远不应作为普通网络应用程序运行。
<a href="#second" class="ui-btn-right" rel="external">Next</a>
官方文档，找章节: Linking without Ajax
现实的解决方案将使用解决方案 2。但与解决方案 2 不同的是，我会使用相同的 index.js 文件并在每个可能的其他页面的 HEAD 中对其进行初始化。
现在你可以问我为什么？
Phonegap 就像 jQuery Mobile 一样有问题，迟早会出现错误，如果您的每个 js 内容都是错误的，您的应用程序将失败(包括加载的 DOM)在单个 HTML 文件中。 DOM 可以被删除，Phonegap 将刷新您的当前页面。如果该页面没有 javascript，则在重新启动之前它将无法工作。
这个问题可以通过良好的页面架构轻松解决。如果有人感兴趣，我已经写了一个 ARTICLE 关于良好的 jQuery Mobile 页面架构。简而言之，我要讨论的是，在成功创建第一个应用程序之前，了解 jQuery Mobile 的工作原理是您需要了解的最重要的事情。
关于javascript - 为什么我必须将所有脚本放入 jquery mobile 中的 index.html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15800121/
24
4
0
我感到困惑...... 我在 .jsp 中编写了一个小例程。最后需要关闭ResultSet、Statement和Connection。我也在finally { }中编写了结束代码，但是当页面运行时，它
我在 Stack Overflow 上读到一些 C 函数是“过时的”或“应该避免”。你能给我一些这种功能的例子以及原因吗？ 这些功能有哪些替代方案？ 我们可以安全地使用它们 - 有什么好的做法吗？ 最
我正在构建一个应用程序，它可以拍照、显示图片，然后一旦被点击，就会在点击的任何地方返回图片的颜色。 它在崩溃之前到达了水龙头。我得到 x 必须是 < bitmap.width() 的错误 就我的理解而
我试图根据几个因素向用户提出建议: •建议只能是同一所大学的学生•建议必须至少匹配一个其他字段 我以为我有它，但问题是这个查询将返回同一所学校的所有学生，而不管其他情况: PUT /user/.per
我的应用程序必须从第三方读取 SSL 网址。我如何最好地将第三方凭证存储在我自己的数据库中，以保护第三方凭证不被泄露？兼顾绝对的安全性和实用性。对凭据进行单向哈希处理没有用，因为我必须将凭据恢复为明文
在我的 Rails API 中，我希望 Mongo 对象作为 JSON 字符串返回，Mongo UID 作为“id”属性而不是“_id”对象。 我希望我的 API 返回以下 JSON: { "
假设应用层协议(protocol)是通过UDP实现的。客户端需要超时，因此服务器需要保留与其通信的每个客户端的状态。 还假设使用了select。 实现多线程服务器总是最好的吗？我认为链接列表也会做同样
考虑一个非常短的程序，我在其中分配了一点内存。我被告知，GC 在程序分配大量内存并且分配达到限制的情况下运行。 我不知道这个限制到底是多少，但我认为它必须足够高，这样 GC 才不会频繁运行并减慢程序的
根据 Cocoa with Love当应用程序需要 WiFi(而不是蜂窝网络)时需要可达性，例如如果应用加载大量视频并且不适合在 3G 网络上使用。 我的应用程序使用互联网，无论是 WiFi 还是 3
我正在寻找更好的解决方案来解决我面临的这个问题。 如果您将鼠标悬停在缩略图上，它会淡出较大的镜头并淡入新的镜头，这很好，但是当转到目标缩略图并且您的鼠标再悬停一些时，它会更改为您的鼠标经过并拍摄的其他
启用 UAC 并使用管理帐户登录后，您将获得两个 token : 提升的 token ；这已启用 Administrators 组，具有高完整性(即强制性完整性标签 SID 为 S-1-16-1228
我想知道在 React 中创建动态选择组件的规范方法是什么。我是否必须创建一个单独的组件来根据下面的代码返回选项，以便能够通过每个条目的 props 自定义值，然后将它们包含到单独的选择组件中？ p>
我有一个启用了分页的数据网格。我根据过滤条件在数据网格中显示结果。我已经过滤了数据，现在有 2 页。当我转到第二页时。我正在再次执行搜索功能以缩小结果范围。然后我收到类似“无效的 CurrentPag
我有原始文本列，其值类似于“2012-07-26T10:33:34”和“2012-07-26T10:56:16”。在使用 Joda-Time 的 Java 中，我可以通过调用 轻松地将其转换为日期/从
您好，我被分配了一项棘手的任务。我需要让一个方形 div 到达顶部的一个点。基本上它看起来像一个正方形 div，顶部有一个宽三 Angular 形。请参阅下面的屏幕截图。顶部的深蓝色只是堆叠在白色 d
我想知道，为什么我们在 android 中使用不同的启动器图标(大小)。目前您“必须”将图标大小调整为: LDPI - 36 x 36 MDPI - 48 x 48 HDPI - 72 x 72 XH
在 SO 的几个地方，声称必须知道对象的确切类型并基于此做出决定(以 if-then-else 方式)指向一个设计缺陷，例如here . 我想知道是否总是如此。在当前的一个小型教育项目(我正在使用它来
据我了解，迭代器是一种为客户端提供接口(interface)以观察/迭代/传递自定义集合等内容的机制，而不破坏信息隐藏原则。 STL 容器有自己的迭代器，所以我们可以毫无问题地对它们使用 for (
我在 Golang 中编写了一个包装函数，用于从多个文件中渲染模板，如下所示: func RenderTemplate(w http.ResponseWriter, data interface{},
据我了解，size_type 和 difference_type 的目的不仅仅是符号——它也是为了解决例如分段架构等，它们可能具有不同的大小。 在这种情况下，如果我有一个带有随机访问迭代器的容器，那么
我是一名优秀的程序员,十分优秀！