jQuery Mobile - 頁面

使用者可以與 jQuery Mobile 頁面互動，頁面將內容分組到邏輯檢視和頁面檢視中。頁面檢視可以使用頁面過渡進行動畫處理。可以使用 HTML 文件建立多個頁面，因此無需從伺服器請求內容。

下表詳細演示了頁面型別。

約定，而非要求

• 諸如標題、頁尾、頁面和內容之類的 data-role 屬性元素用於提供頁面的基本格式和結構。

• 對於單頁面文件，自動初始化所需的頁面包裝器被設定為可選。

• 對於具有自定義佈局的網頁，可以排除結構元素。

• 為了管理頁面，框架在標記中未包含頁面包裝器時會注入它。

預取頁面

包含屬性 data-prefetch，我們可以將頁面預取到單頁面模板中的 DOM 中。更多資訊請 點選這裡。

DOM 快取

當瀏覽器記憶體在 DOM 中變得滿時，由於載入多個頁面，它會降低移動瀏覽器的速度或可能崩潰。有一種簡單的方法可以保持 DOM 整潔 -

• 當頁面透過 ajax 載入時，它指示在您重定向到另一個頁面時從 DOM 中刪除該頁面。

• 當您重新訪問之前訪問過的頁面時，可以從快取中檢索該頁面。

• 您可以使用以下行告訴 jQuery mobile 將其保留在 DOM 中，而不是刪除頁面 -

$.mobile.page.prototype.options.domCache = true;

• 將 domCache 選項在頁面外掛上設定為 true 以將之前訪問過的所有頁面保留在 DOM 中。

pageContainerElement.page({ domCache: true });