在所有jQuery Mobile頁面中使用相同的頁眉/頁腳

Question

我正在開發一個使用jQuery Mobile和JSONP請求更新內容的Web應用程序。 項目要求之一是不能使用服務器端Web語言，因為目標是使用PhoneGap來構建Web應用程序。

由於無法使用諸如include類的服務器端方法，因此我正在考慮通過AJAX將HTML頁面的內容加載到data-role="content" ，以便在所有頁面中使用相同的頁眉/頁腳而不重復代碼或通過JavaScript生成代碼。 這種方法的問題在於，我無法使用一些很酷的jQuery Mobile功能，例如元素自動初始化，頁面過渡，瀏覽器后退/前進按鈕等。

通過JavaScript在所有jQuery Mobile頁面中使用相同的頁眉/頁腳的最佳方法是什么？

Answer 1

您可以從Web服務的每個頁面的頁腳，頁眉和內容發送並更新頁面。通過這種方式，您還可以動態更改（頁眉/頁腳）導航欄中的鏈接（例如，取決於用戶是否登錄。）

您可以使用pagebeforeshow事件來更新HTML $（document）.on（“ pagebeforeshow”，function（event，data）{//}）;