获取 JSON 并加载 DOM JQM答案

【问题标题】：Fetch JSON & Load DOM JQM获取 JSON 并加载 DOM JQM
【发布时间】：2015-06-16 21:49:49
【问题描述】：

我的问题是我在我的应用程序中使用了 jQuery Mobile。而且我使用jqm 内置的ajax 锚页面转换。像这样：

<a href="cards.html">Go</a>

现在两个 html 文件具有相同的结构。

<html>...<body><div data-role="page" id="home">...</div>

我假设cards.html 的内容被加载到#home 中。但是我想在新页面被加载之前继续一个 getJSON 服务器请求并修改它。所以基本上我希望旋转条一直旋转，直到获取 JSON 并将其放入新的 DOM 元素中。

我该怎么做？

【问题讨论】：

【解决方案1】：

将新页面的元素设置为默认隐藏（使用顶部 HTML 中的类<div>）
在pageshow 事件上显示微调器：$(document).on("pageshow", "#cards", function(event) { $.mobile.loading("show"); }
在同一个事件处理程序中启动您的 JSON 请求
在“完成”回调中更新 DOM，隐藏微调器并显示所有更新的元素

【讨论】：