2011-11-07 72 views
0

有關jQuery導航和ajax的幾個問題,但我沒有看到我正在尋找的答案,所以這裏是我的看法。帶ajax的JQuery導航

我有一個簡單的網頁使用JQuery Mobile,它使用JQM的「導航系統」,即一方的hashtag,再加上它認識到表單已提交併在內部執行ajaxization。換句話說,對於我來說,在A標籤中放置href =「some_url」,或者使用submit按鈕創建一個簡單的表單就足夠了,剩下的就是JQ Mobile。

現在我需要做同樣的事情,但是對於桌面版本的網站。類似於JQ Mobile的導航系統將是理想的(但它不適用於「普通」的HTML ajax,因爲它會清除所有非移動兼容標籤的HTML),因爲服務器端邏輯將保持不變,而且我只會更改「佈局」(移動/桌面)以向不同設備上的用戶顯示不同的頁面。

關於如何進行的任何想法?

謝謝

博佐

+0

更新:也許http://malsup.com/jquery/form/是解決方案的一部分。 – bozo

回答

1

我一直在尋找類似的jQuery Mobile的網頁和移動設備沒有任何運氣的框架。

我們實現了什麼,而不是:

要處理頁面導航/哈希變化我們使用: http://benalman.com/projects/jquery-hashchange-plugin/。 使用它來顯示/隱藏data-role="page"

Ajax表單處理你能處理好與jQuery submit()

要加載HTML到您的網頁,而不是下面的鏈接,你可以用jQuery load()

做到這一點在此我們之上提供不同的移動和網絡瀏覽。這可以通過在客戶端使用media queries或通過檢測設備類型服務器端來完成。

+0

如果這不是問題,您可以在上面的回答中描述的內容中複製粘貼.submit()的一個示例和.load()的一個示例嗎?謝謝。 – bozo