2012-11-22 40 views
0

我是新手到jQuery Mobile的,到目前爲止,我搜索什麼都實例只包含一個用於整個應用程序的HTML頁面,與在每一頁/屏幕被定義爲div標籤multipe div標籤數據作爲頁面的角色可選地包含一些頁眉和頁腳。根據用戶的操作,我們隱藏了一些div(頁面)並僅顯示期望的頁面。此外,這個多頁面模板似乎是標準設計,正如一些博客寫的。有沒有其他的設計方法?我想要的是multipe html頁面,例如用於登錄的頁面,用於家庭的頁面,用於聯繫的頁面等等。其他方面很難理解/編碼/調試問題,特別是像我這樣的Java背景的人。所以,什麼我想要的是使用JQueryMobile進行某種MVC設計,比如每個視圖/屏幕都是與一個js(Controller)關聯的獨立html。我們可以在JqueryMobile應用程序中有多個HTML頁面嗎?如果可能的話,他們之間如何傳遞數據/維護會話?任何樣品都是最受歡迎的。提前致謝。單獨的HTML頁面jQuery中每個屏幕移動

注:此外,我不希望服務器端包含,可應用含有10〜15的屏幕,每個頁面都會進行Web服務調用並獲取一些數據,並將其映射到UI。

回答

0

如果需要,您可以使用多個html文件。 jQuery Mobile的將自動包含這些與AJAX:http://jquerymobile.com/demos/1.2.0/docs/pages/page-navmodel.html

不管怎麼說,jQuery Mobile的建議具有多頁的一個大的HTML文件。

http://jquerymobile.com/demos/1.2.0/docs/pages/page-template.html

這個模板是標準的HTML文件與一個單一的「頁」裏面的容器,不同於其內具有多頁多頁模板。 我們強烈建議您將網站或應用程序構建爲一系列單獨頁面,因爲它更乾淨,更輕量,並且在沒有JavaScript的情況下效果更好。

+0

Tx,源代碼的任何示例。 – vrs

1

正如jerone如上所述,jQuery Mobile的文檔明確表示

我們強烈建議建立你的網站或應用程序爲一系列這樣的單獨的頁面,因爲它是更清潔,更輕便,沒有JavaScript效果更好。

http://jquerymobile.com/demos/1.2.0/docs/pages/page-template.html

每一頁(可以是靜態的HTML文件或任何由腳本生成(如PHP,Python或其他))因此,獨立的和過渡,從一個網頁到另一個使用完成AJAX調用。

有不同之處,如果你認爲你的瀏覽器是一個控制器沒有這樣的事!