jQuery Mobile - 操纵DOM - 刷新页面

Question

这整个jQuery移动动态数据（从服务器中提取数据）正在逼迫我。为什么操纵DOM和刷新页面很困难？

我有我的网页：

<div data-role="page" id="intranet-holidays" data-title="HOLIDAYS" data-add-back-btn="true"></div> 

在我的document.ready有以下几点：

$(document).delegate("#intranet-holidays", "pagebeforecreate", function() { 
    $('body').addClass('ui-loading'); 
    $.mobile.loadingMessage = "Loading Holidays..."; 
    $.mobile.showPageLoadingMsg(); 
    // calls getJSON to retrieve data from the web server 
    loadHolidays(); 
}); 

当我返回的数据从服务器返回的我加可折叠的DIV到我的网页（Intranet研制节假日除外）。

在可折叠的DIV中，我有一些UL。

我知道我的语法是正确的，因为我可以抓住生成的HTML，将其保存到文件中，然后显示该文件，并将其全部正确显示。下面是一个屏幕截图：

这里是我的动态加载的页面看起来像（不是我想要的）：

我知道我可以刷新列表视图与如下：

$('#list').listview('refresh'); 

这对列表很有用。

如何刷新页面（包含可折叠的DIV和那些可折叠的DIV包含UL）？

是的，我希望页面中的所有数据都是动态的。

Answer 1

在AJAX调用获取JSON数据的success处理方法，加$('#intranet-holidays').trigger('create');您创建列表后。

Answer 2

尝试：

$('#page').trigger('create'); 

或阅读：

http://www.elijahmanor.com/2011/02/dynamically-appending-elements-to.html