如何在 JQuery Mobile 中刷新加载有外部内容的 DIV 的 CSS答案

【问题标题】：How do I refresh the CSS for a DIV loaded with external content in JQuery Mobile如何在 JQuery Mobile 中刷新加载有外部内容的 DIV 的 CSS
【发布时间】：2012-04-19 15:09:58
【问题描述】：

我已经阅读了您所有的 cmets，但我阅读的解决方案似乎都不起作用。我有一段 Jquery 代码从外部 PHP 脚本中获取一些内容，该脚本更新了我的应用程序中的 div。加载新数据后，它没有 Jquery Mobile 样式。我已经看到有些人如何使用 .page() 或 trigger("refresh") 等……但这些都不能刷新整个 div。这是我的代码和有问题的 html 部分：

function getcontent(pg) {
   $("xyz").html("");
   $.get("http://myscript.php", function(data) {
      $("#xyz").html(data);
      $("#xyz").page();
}

HTML：

<div id="xyz"></div>

真的，这根本没有什么，我就是想不通。如果我删除了包装 div ("xyz") 并刷新了单个元素的列表视图、按钮等，我取得了“一些”成功，但这是一种非常笨拙的处理方法。

【问题讨论】：

这已经讨论过很多次了。此外，在 jquery mobile 文档中也清楚地解释了它。所以，这个问题，除了重复之外，没有任何努力。

标签： jquery css mobile jquery-mobile page-refresh

【解决方案1】：

一个包含#xyz的页面，例如#mypage，来电

$('#mypage').trigger('pagecreate');

【讨论】：

【解决方案2】：

我使用了列表或 div 上的 .page 元素进行了刷新

$('ul.sessions-list *').page();

这会刷新我的会话列表中已加载的所有内容，并在外部更正 css。

【讨论】：

【解决方案3】：

尝试使用

$("#page_id").trigger("create")

在获取添加内容的页面上。

【讨论】：