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















 
 
 
 
 
 
 