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