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

我正在開發一個使用jQuery Mobile和JSONP請求更新內容的Web應用程序。項目要求之一就是無法使用服務器端Web語言，因爲目標是使用PhoneGap來構建Web應用程序。在所有jQuery Mobile頁面中使用相同的頁眉/頁腳

由於我不能使用服務器端方法，如include，我想通過AJAX將HTML頁面的內容加載到data-role="content"，以便在所有頁面中使用相同的頁眉/頁腳而不復制代碼或通過JavaScript生成他。這種方法的問題是，我失去了一些很酷的jQuery Mobile的功能的訪問，比如元素自動初始化，頁面轉換，前進/後退瀏覽器按鈕等

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

來源

2012-04-14 Diogo Cardoso

你不能利用服務器端的東西來重用你的代碼嗎？ – 2012-04-14 20:01:22

看看我的答案在這裏： http://stackoverflow.com/questions/9152446/creating-templated-persistant-header-footer-template-in-jquery-mobile-and-phoneg/9204896#9204896 – bmurmistro 2012-04-14 23:49:45

@KrisKrause不，對不起，我忘記提及了。我已經更新了這個問題。 – 2012-05-05 01:30:56

那麼您可以從網頁服務頁腳，標題和每頁內容發送，並更新頁面。這樣您還可以動態更改（頁眉/頁腳）導航欄中的鏈接（例如，取決於用戶是否已登錄或者沒有）

您可以使用pagebeforeshow事件來更新HTML 的$（document）。在（「pagebeforeshow」功能（事件數據）{// } ）。

來源

2013-07-11 08:01:04 Motoo

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

回答

相關問題