基於數組JQuery/Javascript動態生成html頁面

Question

我有一個使用JQuery Mobile 1.4.2構建的PhoneGap Android應用程序。這是一個RSS閱讀器。我使用Ajax調用填充RSS源，並通過遍歷#mainPage中的事件Array來顯示信息。當用戶點擊列表項時，它們被重定向到一個新頁面，該頁面有一個名爲#eventPage的事件的完整描述。

一旦用戶查看#eventPage，我想實現一個滑動到下一個事件功能。目前，我已經設置了應用程序來刷新當前頁面的內容，但我真的很喜歡滑動時看到的新頁面的流暢設計。

是否有一種方法可以在基於數組長度的html框架內生成新頁面？或者有沒有不同的方法來達到上述目的？感謝您的任何意見，我會盡我所能解釋是否需要。

此功能的一些示例可在華爾街日報應用程序和Feedley應用程序中找到。

Answer 1

使用$ .get（HTML_PAGE_URL）方法獲取html內容並使用設置爲流暢的.html（CONTENT）將內容設置爲div。例如嘗試下面的內容。

$.get("test.html", function(data) { 
    $(".result").html(data); 
}); 

Answer 2

嘗試使用下面的代碼：

.hide { display: none; }

var _text = "your html"; 
var old_panel = $("#yourpanelid"); 
var new_panel = $('<div class="hide"></div>'); 

new_panel.html(_text); 
old_panel.addClass('hide');