2011-07-28 95 views
0

在我開始之前必須解釋一下,我相對來說是一個在網頁開發方面經驗較少的noob。我正在開發的某個網站需要使用基於觸摸的設備(即iPhone,iPad,Android手機和平板電腦)的swipeleft和swiperight功能。爲了實現這一點,我被建議使用jQuery手機,它聽起來不錯,因爲我是jQuery的粉絲。 然而,儘管所有谷歌可以給我,我會請求對以下noob關於使用jquery mobile的問題

  1. 澄清是否DOCTYPE強制需要是HTML 5,因爲它使用 屬性,如數據角色

  2. 我的網站使用jQuery和jQueryUI沉重,並將jQuery手機 扭曲了實際的設計佈局。

  3. 我無法爲移動和正常流量分開查看圖層。

  4. 如果jQuery Mobile的是良好的基於​​移動應用,而不 影響正常的設計和功能,這將是最好的方式 測試網站的多個基於觸摸的設備 (模擬器 也許)。

用簡單的英語,從這個偉大的地方的一些細節將是美好的... 提前感謝!

編輯

爲了進一步深入到我的問題會jQuery插件像touchSwipe或wipeTouch刷卡功能,幫助我在這裏。 還有什麼最好的方法來測試從iPad或Android手機的功能提供我已經實現了我的代碼與插件。說,一些插件,就像IE瀏覽器模擬器用於Firefox,可以通過鼠標拖動(只是貪婪和絕望)再次

由於認識輕掃手勢...

回答

0

如果你真的想分開的觀點桌面/移動,我我在這裏看到了http://detectmobilebrowser.com/的建議,但我沒有使用它。它提供了用各種語言或JavaScript在服務器端進行編碼的代碼。

jQuery Mobile的主要目的之一是提供移動特定的UI;所以如果您嘗試僅將兩個樣式表放在那裏,那麼樣式肯定會與您當前的模板以各種方式衝突。如果你只是想在當前網站的頂部添加滑動支持,那麼可能有很多jQuery插件可以幫助你。

回覆:HTML5,從JQM文檔,

一個jQuery Mobile的網站必須以HTML5「DOCTYPE」開始採取各種框架的特點充分 優勢。 (與 瀏覽器的舊設備不明白HTML5將安全地忽略「DOCTYPE」 和各種自定義屬性。)

+0

感謝回覆@RwwL和@ Peppered檸檬......我的麻煩是我無法爲臺式機和移動設備分開看法......完全超出我的範圍......將一定要查看鏈接和未來的漣漪......會只有滑動功能的jQuery插件可以幫助我通過大多數基於移動設備?現在我沒有確切的目標受衆名單,但我可以認爲它主要是基於iOS和基於Android的手機和平板電腦......並且是的,我的設計在試圖將它與我的HTML結合時變得搞砸了,並且Firefox中的自定義腳本.... IE不被提及... – optimusprime619

+0

對不起,我錯過了這個評論;幾天後我們都離開了。聽起來好像很有可能只是一個輕掃功能插件可能是你想要的所有東西。讓我們知道它是如何運作的。 – RwwL

+0

幾乎那裏...關閉,但迄今... [鏈接](http://stackoverflow.com/questions/6917746/unable-to-get-swipe-direction-and-distance-using-touchswipe-plugin-in -Android-或) – optimusprime619

0

jQuery Mobile的是Web應用程序確定,但後jQuery Mobile的做多則上應用我現在會推薦它。有很多手機並不完全支持JQuery Mobile,並且您會遇到許多方法和一般頁面佈局的問題。大多數黑莓手機和許多HTC手機不支持JQuery Mobile以及其他許多手機。

檢測您是否在桌面/手機上很容易。只需在頁面加載中查找user agent,然後進行相應的重定向。如果你想我可以給你幾種基於用戶代理的重定向方法。

如果您沒有正確格式化頁面,JQuery Mobile可能會扭曲您當前擁有的設計。 JQuery Mobile會添加很多額外的CSS,並且解決這個問題可能會遇到挑戰,尤其是對於其他JQuery元素。對話框是JQuery Mobile與JQuery不同的一個例子

最好的方法是測試模擬器。谷歌Chorme有一個Ripple補充,我傾向於使用,但它不是最可靠的。因爲有很多不同的手機,所以有時候試試儘可能多的活着的手機會更容易(不同的版本,平臺等可能會與JQuery Mobile有很大不同)