2012-07-20 61 views
0

If I grasp it correctly,data-url使我能夠更改頁面並保留其他部分(頁眉和頁腳),因此我可以將每個頁面放置在單獨的html文件中。我應該在哪裏放置data-url屬性,目標html頁面文件應該如何顯示?

那麼我在哪裏把這data-url?在將頁面更改爲下一頁的按鈕(例如)中,還是在頁面div本身中?

而如果它的頁面中的每個HTML文件的div,應該是HTML文件中包含的<script ... jquery.ver.min.js></script>整個樣板,<link ... .css ... />頁眉和頁腳div S和等等?

回答

1

data-url屬性被JQM框架自動添加和使用。這不是你實際使用的東西。它不是一種離開頁眉和頁腳的方式。您需要在每個頁面中包含頁眉和頁腳。這部分文檔試圖解釋框架如何在內部使用該屬性。在JQM多頁面環境中,您可以使用其id屬性<a href="#page2">Page 2</a>或任何其ID來鏈接到其他頁面。那麼如果你有單獨的頁面,你會像平常那樣鏈接到頁面。即<a href="page2.html">Page 2</a>

我建議你包括<head>...</head>部分樣板文件的原因如下。

  1. 萬一您的用戶點擊刷新。
  2. 您的用戶可以通過鏈接在您的應用中添加書籤或訪問某個頁面。

無論在哪種情況下,他們都需要css和javascript。但是,如果您打算使用phonegap,則可以忽略此操作,因爲用戶無法進行刷新,也不會通過鏈接或書籤進入頁面。

1

問題1:你把它放在頁面div 歷史或返回函數需要url來重新訪問頁面。 它是需要的,因爲一個html文件可以有多個頁面。

在按鈕/鏈接中,將網址放入href attribut中,就像普通的html一樣。

見部分數據網址在 http://jquerymobile.com/demos/1.1.1/docs/pages/page-navmodel.html

問題2:這要看情況。 如果您認爲該頁面可以獨立調用,則可以放置所有樣板。 Mobile Jquery會提取你的頁面div。

如果頁面更多,則應用程序的對話框本身沒有任何意義,因爲刪除樣板文件效率更高。傳輸的數據較少,瀏覽器無需解析即可找出需要丟棄的部分。

如果你在服務器上生成它,最好的辦法是找出它是普通調用還是ajax調用,併發送樣板文件。

+1

codaniel是正確的,你通常不需要自己設置數據網址。當頁面是重定向的結果時,您有時需要自己設置它,例如在提交表單之後。 – Meier 2012-07-20 23:22:08

相關問題