jQuery Mobile：如何從字符串模板創建動態頁面？

Question

大家好，這是我在stackoverflow中的第一個問題。我將嘗試使用jQuery Mobile（用於UI）和PhoneGap創建單頁Web應用程序（因爲我希望它跨平臺）。在我的應用程序中，我想通過一些模板（字符串）創建頁面，當我點擊按鈕或列表元素時，應用程序將從模板創建相應的頁面，並通過#attr導航它。 Whene我加載模板第一次JQM呈現頁面以正確的方式，但是當我從DOM中刪除它並添加它，當我需要的頁面時，JQM不符合它的風格呈現的頁面，但我只看到鏈接（或其他元素）。謝謝大家！

Answer 1

默認情況下，jQuery Mobile的將自動提高你的頁面上的適當的標記，但是如果你添加動態內容後，您將需要手動觸發新的頁面上的create事件。

例如

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

從Docs

但是，如果通過 的Ajax生成的內容的新標記的客戶端或負載，並將其注入到一個頁面，你可以觸發創建活動 處理自動初始化包含在 新標記的所有插件。這可以在任何元素上觸發（即使是div本身），爲您節省了手動初始化每個插件 （列表視圖按鈕，選擇等）的任務。

Answer 2

不幸的是，無論在官方的jQuery Mobile文檔方法中說什麼.trigger（'create'）都不能重新整版。

相反這應該被使用：

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

這裏有一個工作示例：http://jsfiddle.net/Gajotres/vN45m/

它可以很容易地睾丸，只需更換與創建或評論全線pagecreate。