JQuery Mobile子頁面

Question

據我所知，在JQuery Mobile中，每一頁改變都等同於創建新的「頁面」div，我們能否改變頁面的「內容」中的一部分，像子頁面？

Answer 1

1. jQuery Mobile的不要求你在同一個HTML文件創建額外的div元素來管理頁面 - 你可以做一個不同的HTML文件完全沒有問題，並作出過渡到它（也許data-prefetch屬性設置）使用<a>。

2. 沒有什麼能夠阻止你編寫一個jQuery插件，jQuery UI插件或（可怕的，我知道）純JavaScript，它會動態地改變DOM元素的內容，並根據接收到的數據管理頁面加載服務器 - 必要時撥打listview('refresh')之類的東西 - 確保正確的樣式。

雖這麼說，你要問自己兩兩件事：

1. 爲什麼你需要做的呢？你不能通過使用jQuery Mobile範例預先創建頁面來管理，只是檢索並將數據插入到新頁面中？

2. 如果我必須在每個'頁面轉換'上執行DOM操作，會有什麼性能影響（如果有的話）？

作爲一個側面說明 - jQuery Mobile的爲您提供了允許頁面操作方法：

$.mobile.changePage和$.mobile.loadPage，您可以使用（看pageContainer選項）。

See API docs here

Answer 2

我想現在就使用子網頁的jQueryMobile插件：https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget

我沒能還沒有工作，但我認爲它應該工作:)。