问题标签 [jquery-mobile-ajax]

我正在使用 jQuery mobile 制作网站，但我遇到了问题。

我的第一页是这样的：

当我单击链接上的标题时，我转到页面，到目前为止没有问题。但是当我在那个页面上时，他没有做任何事情，例如我在那个页面上有一个警报，但他没有显示它。当我在没有第一页的情况下访问 registreren.html 时，他会显示警报，我做错了什么？

我希望有一个人可以帮助我。

在我的 jquery 移动网络应用程序中，我在用户导航到的每个页面上都包含一个登录表单。我这样做是为了让用户可以随时登录，而不仅仅是在起始页上。

由于我使用自己的 Ajax 逻辑执行表单提交过程，因此我在表单上禁用了 Jquery Mobile Ajax 逻辑data-ajax="false"。Ajax 逻辑是用 JavsScript 实现的。在起始页上一切正常，但如果我导航到另一个页面（通过起始页上的链接），我的 JavaScript 不再触发，但表单是通过 Jquery mobile 自己的 Ajax 逻辑提交的（因此它不会' t 有效）。

代码（我在每一页都包含）如下所示：

JavaScript（就在上述代码的末尾）如下所示：

也许我弄错了 Jquery Mobile“我们只page-div用新 URL 中的另一个替换page-div”的事情，但我这样理解，我的整个 JS 逻辑也将从新资源中提取。

编辑谢谢。我已经更新了我的 JS 代码，现在看起来像这样：

但。现在，当我导航到 3 个页面，然后提交登录表单时，我将收到该功能的 3 个警报（即使我仅导航到 1 个站点）request.fail......之后登录正确！

我一直在为这个问题挠头，最后决定隔离这个问题。

所以我有一个显示视图的控制器。该视图非常基本，带有输入和提交按钮。单击提交时，URL 将更改为下一个被调用的视图，但实际视图并未加载到浏览器中。按 f5 可以更正此问题，但无需手动干预，视图永远不会加载。

这似乎是 jquery / jquery ui 和 jquery mobile 的问题，而不是 codeigniter。

这是我的第一个观点：

这是控制器：

这是第二种观点：

如果我采取以下两行

并交换它们

然后它可以工作，但我不知道为什么。任何解释。

问题是我的完整页眉中有以下内容：

如果我在这种情况下将 jquery mobile 放在首位，则不会加载所有正确的格式和布局。

我怎样才能让它正常工作，希望我已经充分解释了这一点。如果需要，请询问更多信息。

一如既往地感谢...

根据 jQuery Mobile 文档 ( http://api.jquerymobile.com/page-loading/ )，“当 jQuery Mobile 通过 Ajax 拉入内容时，页面加载小部件处理显示加载对话框的任务”。根据我的调试器，这是真的。但是，在 AJAX 完成后，列表视图需要足够长的时间才能加载，因此仍有一段时间会出现空白屏幕。

关于即使在 Ajax 请求完成后如何保持默认加载消息的任何建议？

编辑：通过 jquery.mobile-1.3.1.js 单步执行后，我看到 TransitionPages 函数隐藏了页面加载消息。它实际上与 AJAX 无关。现在我只需要在调用这个 TransitionPages 函数之前找到一种方法来加载列表视图。

编辑：更多信息，问题是 jQuery 在 AJAX 返回数据之前完成了页面转换。因此，直到所有页面转换事件都已触发并完成后，列表视图才会完成加载。

我为使用 JQueryMobile 的 C# (ASP.Net) 编写的移动页面设置了以下标题。但是，当在我的浏览器中使用后退/前进按钮时，页面不会重新下载（与 Fiddler 确认该页面已下载一次，即使根据设置的标头已过期，它仍使用页面的缓存副本） . 以下是标题：

Cache-Control: public, max-age=10
Expires: Fri, 21 Jun 2013 05:55:57 GMT
Last-Modified: Fri, 21 Jun 2013 05:55:47 GMT

我正在设置这些ASP.Net 页面使用 OutputCache 指令
<%@ OutputCache Duration="10" VaryByParam="None" %>

我可以在 JQueryMobile 和/或我的浏览器会尊重的页面上设置其他标题吗？一般来说，我发现 JQueryMobile 存在很多用户体验问题，并且页面上有 JavaScript 用于各种按钮操作。我已经阅读了大量关于 JQueryMobile AJAX 和 JQueryMobile 导航模型的文档，但我似乎无法找到关于强制页面“过期”或强制它重新下载标题的一般指导，这在我看来是最简单的方法。我不确定是浏览器在缓存方面过于激进还是 JQueryMobile 代码这样做了。

我正在开发一个简单的 JQM 网站。我正在尝试在表单中即时验证用户名的可用性。我正在使用 jquery $.get() ajax 返回“成功”或“失败”，但是返回数据正在替换为上一页的代码。

controller.php 正在检查用户名的可用性并返回“通过”或“失败”当我执行我期望通过或失败的 console.log(data) 时，它正在从上一页注销代码??

我在想这可能是 JQM 缓存问题，所以我尝试禁用缓存但没有任何效果。我最初使用 JQM 对话框来显示表单。认为这与它有关，我将其拉出并加载了一个直接链接。那没有解决它，所以我尝试使用直接加载页面

$.mobile.changePage( "user-new.php", { reloadPage: true});

我难住了。为什么 $.get ajax 调用返回数据会从上一页返回代码？

我有一个列表视图，当在列表视图上单击每个项目时，（它被添加到本地存储并）打开一个对话框（页面），显示所单击项目的更多信息（详细视图）。我正在为对话框页面添加标记，同时执行此操作时发生的情况是，当我单击一个项目时，它会在对话框页面上显示所单击项目的正确详细信息，但是当关闭对话框页面并单击另一个时项目，它将它添加到以前在对话框页面上的内容中。单击关闭按钮并返回下一项后，我想刷新对话框页面。

这是新对话框页面的 href 位置：

这是对话框页面：

这是我做附加的方法

我试过 .trigger('create'); 但也许我没有把它放在正确的地方。请帮忙

当使用 ajax (jquerymobile) 导航页面时，我看到 DOM (页面) 是重复的

旧页面（/question/index/11?type=all）和新页面（/question/index/4?type=all）结构相同，ID相同，所以所有的id都在div(data-role=page ) 重复 -> 我的事件出错了。jquerymobile中的ajax加载页面是否有任何选项可以删除旧页面中的所有DOM？

我在 jquery mobile 中有一个手风琴，它通过 json 数据填充。为了保持样式，我$( ".folders" ).collapsibleset.( "refresh" );在添加了所有数据并且它可以工作后调用，但仅适用于主文件夹。在我的代码中，我创建了子文件夹，这些子文件夹没有收到样式更改。这是我的文件夹代码

我正在使用 jQuery Mobile 构建一个多页面应用程序，并使用 loadPage() 来获取不同的页面。

高层结构如下。

• 登陆.html

• /app-pages/page1.html

• /app-pages/page2.html

• /app-pages/page3.html

• /shared/header.html

• /shared/panel.html

• /图片/

• /css/
• /js/core.js

在 core.js 中，我有 JS 将 menuPanel.html 和 header.html 加载到指定的多个页面。我的代码如下。

这加载 HTML 在landing.html 上工作正常，但是一旦导航到 app-pages 目录中的不同页面，我在控制台中看到 404 错误，并且错误中的文件路径是“app-pages/shared/menuPanel .html" 和 "app-pages/shared/header.html" 使用相对路径找到文件。

如何改进可以全局使用的加载脚本，以便页面可以驻留在不同的目录中并且仍然可以工作？

如何改进 panelMenu.html 中的链接路径？目前，它使用相对路径编码并指向仅适用于landing.html 的app-pages 目录。