10個出色的jQuery Mobile插件
譯文【51CTO譯文】下面這些出色的jQuery Mobile插件可供你享用。它們針對移動網(wǎng)站進行了優(yōu)化,讓你可以實現(xiàn)諸多功能特性,比如移動滑動觸摸、移動設備檢測、移動瀏覽器檢查、移動圖像庫、移動拖放、移動觸摸滾動、移動Ajax調(diào)用、移動CSS改動及更多!盡情享用吧!
1、jQuery SwipeGallery
該插件針對移動網(wǎng)站進行了優(yōu)化,支持滑動手勢。它是款輕型插件:只要僅僅編寫幾行HTML代碼,就可以立即創(chuàng)建圖像庫,比如排列無次序的圖像列表。
相關鏈接:http://plugins.jquery.com/project/swipeGallery
2、Drag and Scale for iOS
dragNscale插件讓你只要在移動平臺上進行觸摸和雙指張合等操作,就可以讓被選擇的元素拖動、擴展和旋轉(zhuǎn)。
相關鏈接:http://plugins.jquery.com/project/dragNscale
3、Touch Scroll——能夠在iOS設備上獲得內(nèi)嵌滾動內(nèi)容。
這個jQuery插件為獲得內(nèi)嵌滾動內(nèi)容提供了一種方法。它模擬了在iOS設備(包括iPhone、iPod touch和iPad)上滾動的行為,以便解決“position: fixed;”在移動版Safari中無法使用的問題。這個插件只適用于垂直滾動的內(nèi)容。這么設計是為了確保輕型、高效,只適合這個用途。
相關鏈接:http://plugins.jquery.com/project/touch-scroll
4、Keep Reading
Keep Reading插件可以用來當頁面在不明顯位置含有內(nèi)容時,在屏幕的右下部分顯示一個小小的標簽。這對于移動瀏覽器來說非常實用,你可能希望在一個頁面上有一個長長的表單,以便縮短網(wǎng)絡行程。該標簽會提醒用戶:他們需要滾動,才能查看更多內(nèi)容。一旦用戶滾動了頁面,“more content”(更多的內(nèi)容)標簽就會消失不見。
相關鏈接:http://plugins.jquery.com/project/keepreading
5、Advanced Browser Check
這個插件可以全面檢查瀏覽器(iPhone、iPad、iPod/移動設備/觸摸設備支持/操作系統(tǒng)、瀏覽器名稱和版本/插件和ActiveX檢查/HTML5支持/CSS3支持)。
相關鏈接:http://plugins.jquery.com/project/advbrowsercheck#p#
6、jQuery Canvas Loader
使用畫布元素來創(chuàng)建典型的ajax裝入圖像之外的替代圖像??梢杂脕砀鼡Q現(xiàn)有的圖像,或者你可以創(chuàng)建自定義圖像,取代頁面上的任何元素。對于不支持動畫圖片的瀏覽器來說,這個插件很有用,比如WebKit for Android。
提醒:這個插件還沒有在許多瀏覽器中得到測試,但它在移動版Safari和Android瀏覽器上的確可以使用。
相關鏈接:http://plugins.jquery.com/project/canvas-loader
7、jQuery Mobile Device Drag And Drop
這個項目背后的想法是,創(chuàng)建一個可以在普通桌面瀏覽器上使用的拖放實例,但又支持移動設備。這個項目旨在設計一種拖放式的界面,又支持移動設備。確切地說,大多數(shù)移動設備會“劫持”在web瀏覽器上拖動這個操作,以便提供滾動功能,這樣你的拖放項在頁面上保持靜止。
相關鏈接:http://plugins.jquery.com/project/mobiledraganddrop
8、Align Object to Bottom
Align an Object to Bottom使用設定的時間間隔,這樣我們可以實現(xiàn)與iPhone兼容。
相關鏈接:http://plugins.jquery.com/project/AlignToBottom
9、jQuery iPhone Swipe Gestures
使用面向onTouchStart、onTouchMove、onTouchEnd和onTouchCancel的Safari JavaScript事件,支持iPhone和iPod Touch滾動手勢。這個插件使用移動版Safari內(nèi)置的觸摸事件,以便滑動事件與任何文檔對象模型(DOM)元素實現(xiàn)jQuery綁定。你可以覆蓋swipeLeft和swipeRight默認響應函數(shù),檢測到手勢后,創(chuàng)建自己的自定義進程。
相關鏈接:http://plugins.jquery.com/project/swipe
10、iPhone Pinch Gestures
使用Safari JavaScript事件,支持iPhone和iPod Touch雙指張合手勢。一款新的插件(目前在開發(fā)當中)可以實現(xiàn)雙指張合事件與任何DOM元素的jQuery綁定。
相關鏈接:http://plugins.jquery.com/project/pinch
注意:上述這些插件針對用于移動設備進行了優(yōu)化,比如iPhone、iPod、iPad、三星Galaxy S、Andriod及其他流行的移動設備。
【51CTO.com獨家譯稿,非經(jīng)授權謝絕轉(zhuǎn)載!合作媒體轉(zhuǎn)載請注明原文出處及出處!】