2012-02-04 145 views
13

我們正在考慮將JQuery UI和Mobile結合起來。有人有這方面的經驗嗎?混合JQuery Mobile和JQuery UI

過去的經驗證明是棘手jquery forum,但它是一個有點老。

歡迎任何分享經驗和想法。

使用JQuery Mobile虛擬事件的一些經驗?

感謝

+0

有助於獲得一些有意義的答案,您能解釋一下您期望從jquery UI框架中獲得哪些不在jqm框架中的內容嗎?謝謝 – shanabus 2012-02-05 17:39:15

+1

這是相反的方式,但:可拖放,可排序,對話框,可調整大小,自動完成... – ic3 2012-02-05 18:20:21

+0

這對於移動用戶來說會很大。我之前使用過jQM,但沒有使用jQuery UI。 – Ericson578 2012-03-02 17:47:49

回答

1

如果你針對平板電腦和平板電腦只有那麼這不應該是一個問題。只要將JQM作爲一個Jquery插件和JQuery UI作爲另一個插件。

它可能會遇到一些UI錯誤,但它可以修復。我們爲我們的客戶之一使用了JQM和Jquery UI(用於數據網格和一些好處)以及高圖。目標平臺是iPad。

編輯:它不是一個容易的過程,但你「可」使它的工作。

+0

的目標是平板電腦和臺式機,筆記本 – ic3 2012-03-21 08:29:07

+0

3mio的iPad在三天+ iPad的屏幕足夠大到無法處理這個作爲手機 – ic3 2012-03-21 08:30:08

+0

如果你的佈局響應出售...然後我在執行這個過程中沒有看到任何問題。你只需要關心你在JQuery UI組件和Jquery Mobile UI組件之間使用的東西。 閱讀這篇文章以瞭解更多信息:http://forum.jquery.com/topic/mixing-jquery-mobile-with-jquery-ui-widgets-don-t – Rayraegah 2012-03-21 09:20:43

5

jQuery UI的1.10.4和jQuery移動1.4.2的最新版本不玩好起來。將jQuery UI包含到頁面中後,Mobile中的樣式即告破滅。但是,如果您只需要jQuery UI中的特定功能,就像在我的情況中那樣,我只需要Draggable/Droppable/Sortable交互,就可以在https://jqueryui.com/download/上創建自定義jQuery UI下載並僅包含交互。然後,您可以簡單地刪除除js/jquery-ui-1.10.4.custom.min.js文件之外的所有文件,並且所有文件都可以很好地再次合作。

我希望你會碰到使用jQuery UI部件,即使使用這種方法的問題。但是,只有使用jQuery Mobile纔有意義。