jquery，jquery ui和jquery mobile如何結合在一起

Question

如果目標是開發一個當前將在臺式機上使用的web應用程序，但最終還將支持智能手機或平板電腦等移動設備，建議採用何種策略組織代碼？是否應該爲桌面客戶端設置一組代碼，然後爲移動客戶端設置一組代碼？在過去，我使用jQuery和jQuery UI。 jquery，jquery ui和jquery mobile如何在網絡應用程序中一起使用？針對非移動網絡客戶端和移動網絡客戶端開發的主要區別是什麼？ 我使用的是asp.net mvc。 我的贊助商更喜歡單頁網頁應用。所以我正在研究Knockout.js。我也在調查一些小部件集，如 dhtmlx jqwidgets 請隨時評論我的選擇。

Answer 1

爲了保持簡單和簡短 - 您應該使用（或考慮使用）Responsive Web Design。主要想法是開發CSS來處理重新調整大小/重新組織，具體取決於屏幕的寬度。這使您可以處理屏幕寬度足以被識別爲桌面屏幕的情況，同時可以調整到Mobile屏幕尺寸 - 無論設備如何。

讓您的CSS調整頁面上元素的大小/位置使您可以爲所有用戶（沒有單獨的移動/桌面站點）提供一組代碼。您只需花費更多的時間和精力設計您的網站來處理頁面寬度的重新調整。

jquery庫在手機上的工作原理與'傳統'平臺上的一樣。有時候您可能想要利用各種jquery庫的移動增強版本。

• 一個例子：當你嵌套散發出來當你點擊比如說一個類別，如「襯衫」，然後一個子類，如「按鈕後，」然後一個子導航菜單上的鏈接小分類，如「藍色」。在「傳統」平臺上，用戶可以將鼠標光標懸停在元素上以擴展嵌套 - 在移動平臺上，用戶可能需要點擊每個類別/子類別以擴展嵌套的導航按鈕。

這完全取決於你的網站的設計 - 設計網站的響應時，我通常在視圖用於「移動」和「臺式機」的設備之間的腳本非常小的變化 - 所以發展既不會爲改變我將新網站視爲「響應式」，並從一開始就將其設計爲可重新定義的瀏覽器。

此外，爲了進一步詳細說明jquery，jquery ui和jquery移動庫的細節，請參見link that Tats_innit referenced。