【转】JQuerymobile 官方 资源和插件

?

In this section, we have gathered useful resources that will help you learn more about jQuery Mobile, find tools to develop jQuery Mobile application designs and mockups, tutorials and tools to guide your through the development of simple or more complex applications and related articles.

Featured sites | Books | Apps & Frameworks | Plugins | Extensions | Tools | Themes | Articles & Tutorials

Featured jQuery Mobile sites from jQMGallery.com

You will find below a great sample collection of Mobile sites built with jQuery Mobile. More examples can be found in the jQM Gallery.

OpenTableIkea SwedenKhan AcademyDisney WorldSlideshareBox.netStanfordAmerican CenturyRugby World CupTake Me FishingRyland HomesMoulin Rouge

BooksPhoneGap – tool to wrap jQuery Mobile code for native app deploymentCodiqa – rapid jQuery Mobile app prototypingHandheld Designer – drag and drop tool for building and hosting jQuery Mobile appsApplication Craft – drag and drop tool for building jQuery Mobile appsProto.io – drag and drop page builderTiggzi – cloud-based drag and drop tool for building jQuery Mobile apps connected to any REST APINS Basic/App Studio – drag and drop tool for building jQuery Mobile appsMobDis – drag and drop tool for building jQuery Mobile appsMobjectify – tool for building jQuery Mobile app mockupsTrigger.io – Mobile engine for web devs: framework for building native mobile apps using HTML5 and jQuery MobileM-Project – MVC framework based on jQuery MobileRhomobile – enterprise mobile app frameworkNeptune Application Designer – SAP HTML5 Designer optimized for jQuery Mobile for SAP Mobility applicationsOctomobi – Online tool to create webapps with maps, image gallery and RSS feed in jQuery MobileAdaptor for AngularJS jqmPHP – package of PHP classes for generating jQM markupDrupal theme – theme for jQuery MobileSeaside (SmallTalk) – a jQuery Mobile implementationPyramid – Starter scaffolding for creating a jQuery Mobile Pyramid application

3rd party plugins

These are all jQuery Mobile compatible plugins, many use the theme framework, auto-initialization and data- attribute configuration features or core mobile widgets.

?

?

Pagination

?

PhotoSwipe

?

Diapo slideshow

?

Bartender

?

Google Maps

?

Mobiscroll

?

Datebox

?

Android-like date picker

?

Leaflet’s mobile demo

?

Simple Dialog

?

Actionsheet

?

Multiview

?

Splitview

?

Swipe menu

?

Swipe to delete

?

960 grid for jQuery Mobile

3rd party extensions

These are 3rd Party extensions that add capabilities to existing functionality.

jQueryMobile-Rails – Incorporates the jQuery Mobile assets into your Rails applicationTwitter Bootstrap jQuery Mobile Theme – A jQuery Mobile theme based on Twitter BootstrapjQuery Mobile Icon Pack – Extra icons for your jQuery Mobile projectAppBoilerplate – A jQuery mobile application boilerplate aimed at web application and PhoneGap developers including an OS based theme switcher and full plugin supportcordova-jquerymobile-boilerplate – Phonegap (cordova) & JQuery Mobile BoilerplateJQuery Mobile Metro Grails Plugin – An experimental Grails project using Metro UI HTML5-based theme on top of JQuery Mobile that mimics Windows Phone 7 native look and feelRouter – Router/controller for jQuery Mobile that adds support for client-side parameters, regexp-based routes, and can be used with Backbone.js or Spine.jsSubpages – Allows multiple pages to be loaded in with a single requestSelective DOM caching – Allows pages to be selectively cached using the data-dom-cache attribute on each page. A custom pageshow event handler determines whether to remove the previous page.

ToolsjQuery Mobile stencils for OmniGrafflejQuery Mobile stencils for Visiobookmarklet for debugging jQueryMobile page navigation problemsjQuery Mobile Reference 1.1.0 zApp 3.0

ThemesThemeRoller for MobileiOS Theme by TaitemsjQuery Mobile Metro Theme for WP 7.5

Articles & TutorialsCreating jQuery Mobile website themes in Fireworks ?Article? ?Tutorial?
Adobe Developer Connection, Published on May 7th, 2012 by Michael Dominic Enhanced jQuery mobile support ?Tutorial? ?Video?
Adobe TV, Published on May 6th, 2012 by James Williamson Introducing the jQuery Mobile Metro Theme ?Article? ?Tutorial? ?Video?
ScottLogic, Published on April 30th, 2012 by Colin Eberhardt jQuery Mobile theme integration ?Article?
Mobiscroll, Published on April 30th, 2012 by Levi Please welcome. Metro style theme for jQuery Mobile. ?Video?
Vimeo, Published on April 27th, 2012 by Sergei Grebnov More news from MS Open Tech: announcing the open source Metro style theme for jQuery Mobile ?Article?
interoperability@microsoft, Published on April 26th, 2012 by Abu Obeida jQuery UK 2012 – jQuery Mobile Keynote – Todd Parker ?Video? ?Presentation?
Vimeo, Published on April 24th, 2012 by White October (see also the conference presentation) Implement responsive design with jQuery Mobile and CSS3 ?Article? ?Tutorial?
IBM Developer Works, Published on April 24th, 2012 by Kris Hadlock Building jQuery Mobile App with StackMob Backend API ?Tutorial?
Maxa Blog, Published on April 18th, 2012 by Max Katz jQuery Mobile 1.1: Smoother, Faster, Nicer ?Article?
Elated, Published on April 16th, 2012 by Matt Doyle jQuery Mobile Development Guide ?Tutorial?
Pinehead.tv, Published on April 16th, 2012 by Anthony James Persistent Navigation in JQuery Mobile ?Tutorial?
intechnica //Blog, Published on March 30th, 2012 by Andy Still jQuery Mobile Autocomplete now available ?Article?
andymatthews.net, Published on March 27th, 2012 by Andy Matthews Example of Autocomplete in jQuery Mobile ?Tutorial?
Raymond Camden’s Blog, Published on March 27th, 2012 by Raymond Camden Coding quickie: jQuery Mobile and dynamically created content ?Article? ?Tutorial?
Electric Foundry, Published on March 27th, 2012 by Peter Virtanen Developing mobile applications with PhoneGap and JQuery Mobile ?Article? ?Tutorial?
Pieter De Rycke’s Blog, Published on March 26th, 2012 by Pieter De Rycke jQuery Mobile is Awesome Part 2: Pages and Transitions ?Article? ?Tutorial?
Codiqa Blog, Published on March 18th, 2012 by Max Lynch jQuery Mobile Best Practices – a one year retrospective ?Article? ?Tutorial?
Roughly Brilliant, Published on March 14th, 2012 by Shane Gliser Using jQuery Mobile with MVC and Netduino for Home Automation ?Article? ?Tutorial?
The Code Project, Published on March 14th, 2012 by Dan Thyer jQuery Mobile Tutorial: Creating a Restaurant Picker Web App ?Tutorial?
Noupe, Published on March 8th, 2012 by Stephanie Walter Active button in navbar in Jquery Mobile ?Tutorial?
Yousef Jadallah’s Blog, Published on March 6th, 2012 by Yousef Jadallah Using Backbone.js with jQuery Mobile ?Article? ?Tutorial?
Christophe Coenraets’ Blog, Published on March 5th, 2012 by Christophe Coenraets jQuery Mobile 101 ?Tutorial?
Ubelly, Published on February 27th, 2012 by Shaun Dunne Getting URL parameters in a jQuery Mobile page ?Tutorial?
Raymond Camden’s Blog, Published on February 24th, 2012 by Raymond Camden Build Mobile-Friendly HTML5 Forms with ASP.NET MVC 4 and jQuery Mobile ?Tutorial?
MSDN Magazine , Published on February 23rd, 2012 by Rachel Appel jQuery Mobile Keynote, Presentation by Todd Parker – jQuery UK Conference ?Presentation?
Speaker Deck, Published on February 11th, 2012 by Todd Parker (see also the conference video) Adding Mobile Views to your Grails Applications with JQuery Mobile: A Real Life Example ?Tutorial?
Tomás Lin’s Programming Brain Dump, Published on February 11th, 2012 by Tomás Lin From a List to a Details View using jQueryMobile and Backbone.js ?Tutorial?
The Other Steve Smith, Published on February 7th, 2012 by Steve Smith Please welcome jQuery Mobile Boilerplate ?Article?
andymatthews.net, Published on February 2nd, 2012 by Andy Matthews Building Great Mobile Sites Quickly with jQuery Mobile ?Video? ?Presentation?
Webvanta, Published on February 2nd, 2012 by Michael Slater and Christopher Haupt jQuery Mobile, HTML5 Mobile App Connected to Parse Mobile Backend ?Tutorial?
Maxa Blog, Published on February 1st, 2012 by Max Katz From a List to a Details View using jQueryMobile and Backbone.js ?Tutorial?
Chariot Solutions, Published on January 30th, 2012 by Steve Smith jQuery Mobile – What You Need to Know ?Tutorial?
1st Web Designer, Published on January 30th, 2012 by Rochester Oliveira jQuery Mobile Tutorials ?Tutorial?
Miami Coder, Published on January 16th, 2012 by Jorge jsRender JSON APIs and jQuery Mobile ?Tutorial?
Roughly Brilliant, Published on January 3rd, 2012 by Shane Gliser How To Improve Mobile Commerce SEO Using JQM ?Article? ?Video?
Search Engine Land, Published on January 2nd, 2012 by Sherwood Stranieri How to use jQuery Templates and JSON APIs with jQuery ?Presentation?
Roughly Brilliant, Published on December 15th, 2011 by Shane Gliser Introduction to jQuery Mobile ?Tutorial?
Raymond Camden’s Blog, Published on December 15th, 2011 by Raymond Camden Visual Mapper: jQuery Mobile to REST Services ?Tutorial?
Maxa Blog, Published on December 15th, 2011 by Max Katz jQuery Mobile Events Diagram ?Article?
Published on December 10th, 2011 by Brad Broulik Use PhoneGap Media API & jQuery Mobile UI Framework ?Tutorial?
Mobile Developer Works, Published on November 1st, 2011 by Elizabeth Baldwin Passing Data Between Pages in jQuery Mobile ?Tutorial?
Mountaineering Coding, Published on December 1st, 2011 by Ryan Stewart Mobile jQuery Client for Delphi REST Server ?Tutorial?
Marco’s tech world, Published on November 30th, 2011 by Marco Cantù Automated UI Tests for jQuery Mobile Apps Using Selenium ?Video?
Published on November 21st, 2011 by Operation Mobile Three Ways to Implement a Global Menu in jQuery Mobile ?Video?
Roughly Brilliant, Published on November 21st, 2011 by Shane Gliser ASP.NET MVC 4 Mobile Features (with jQuery Mobile) ?Tutorial?
Published on November 12th, 2011 by Microsoft ASP.NET Team Andy Matthews Tutorials, ranging from introduction to jQuery Mobile to the developmentment of more advanced features and plugins ?Tutorial?
andymatthews.net, Published on February 8th, 2011 and Updated on November 1st, 2011 by Andy Matthews Adobe – Customizable starter design for jQuery Mobile ?Tutorial? ?Article? ?Video?
Adobe Developer Connection, Published on October 10th, 2011 by Chris Converse Creating jQuery Mobile website themes in Fireworks using the CSS3 Mobile Pack ?Tutorial? ?Article?
Adobe Developer Connection, Published on October 3rd, 2011 by Michael Dominic Progressively enable the mobile web with ASP.NET MVC 4, HTML5, and jQuery Mobile ?Video?
Channel 9, Published on September 15th, 2011 by Phil Haack Add charting on mobile browsers with PHP, XML, jQuery and jQuery mobile ?Tutorial?
IBM Developer Works, Published on September 13th, 2011 by Jack D. Herrington Fast Drupal integration ?Tutorial? ?Article?
Fedex Techie Blog, Published on September 6th, 2011 by Federico M Rinaldi Using jQuery Mobile in SharePoint ?Tutorial? ?Article?
SharePoint Dev Notes, Published on August 26th, 2011 by Chris Quick Making jQuery Mobile templates even easier – with ColdFusion ?Tutorial?
Coldfusion Jedi, Published on August 26th, 2011 by Raymond Camden jQuery Mobile & Rails ?Tutorial? ?Article?
Metaskills.net, Published on August 24th, 2011 Loading dynamic formatted content in jQuery mobile with .load() ?Article?
Stikki.me, Published on August 18th, 2011 by jzellis How to add admob to your jQueryMobile app, the right way ?Tutorial? ?Video?
Pinehead.tv, Published on July 26th, 2011 by Anthony James jQuery Mobile in Visualforce pages ?Tutorial?
Developerforce, Published on July 15th, 2011 by Quinton Wall jQuery Mobile – adding Local Storage ?Tutorial?
Coldfusion Jedi, Published on July 13th, 2011 by Raymond Camden Using and customizing jQuery Mobile themes ?Tutorial? ?Article?
Adobe Developer Connection, Published on July 11th, 2011 by Matthew David Using Linked Data and jQuery Mobile to produce a podcast explorer web app ?Tutorial?
greenhughes.com, Published on 9 July 2011 by Liam Green-Hughes Building a jQuery Mobile HTML5 App with PhoneGap for Drupal 7, Part 2 – Camera ?Tutorial?
Jeff Linwood, Published on July 8th, 2011 by Jeff Linwood Building a jQuery Mobile HTML5 App with PhoneGap for Drupal 7, Part 1 ?Tutorial?
Jeff Linwood, Published on July 7th, 2011 by Jeff Linwood How to style buttons with jQuery Mobile ?Tutorial?
O’Reilly Answers, Published on June 28th, 2011 by chco 50 jQuery Mobile Development Tips ?Tutorial?
jQuery4u, Published on May 31st, 2011 by jquery4u Dreamweaver 5.5 with jQuery Mobile support ?Video?
Adobe TV, Published on April 10th, 2011 Video of Boston PHP conference with Todd Parker and Scott Jehl ?Video? ?Presentation?
Boston PHP, Published on March 14th, 2011 by Michael Bourque Building an offline capable mobile web site with jQuery Mobile ?Tutorial? ?Article?
Coldfusion Jedi, Published on March 12th, 2011 by Raymond Camden Adding driving directions to a jQuery Mobile web site ?Tutorial?
Coldfusion Jedi, Published on March 9th, 2011 by Raymond Camden jQuery Mobile: It’s Hot ?Presentation?
Coldfusion Jedi, Published on March 4th, 2011 by Raymond Camden jQuery Mobile and JSON ?Tutorial?
IBM Developer Works, Published on March 1st, 2011 by Frank Ableson Dynamically Appending Elements to jQuery Mobile ListView ?Tutorial?
Web Dev .NET, Published on February 24th, 2011 by Elijah Manor Creating and using custom icons in jQuery Mobile ?Tutorial?
andymatthews.net, Published on February 13th, 2011 by Andy Matthews Building with jQuery Mobile: Slides from a talk by Todd Parker and Scott Jehl ?Presentation?
Filament Group, Published on February 11th, 2011 by Filament Group jQuery Mobile Form Validation ?Tutorial?
Web Dev .NET, Published on February 7th, 2011 by Elijah Manor Use jQuery Mobile to Build a Native Android News Reader App ?Tutorial?
Mobile Tuts, Published on February 2nd, 2011 by Konur Unyelioglu Build a Contacts Application With jQuery Mobile & the Android SDK – Part 1 ?Tutorial?
Mobile Tuts, Published on February 2nd, 2011 by Konur Unyelioglu Top 10 jQuery Mobile Code Snippets that you need to know ?Tutorial?
Web Development Blog, Published on January 31st, 2011 by Ei Sabai Nyo jQuery Mobile Framework – A Forms Tutorial ?Tutorial?
Mobile Tuts, Published on January 19th, 2011 by Konur Unyelioglu Extend your SAP jQuery Mobile web app with HTML5 concepts and Native device features – Part 1 ?Tutorial? ?Video?
SAP Community Network, Published on January 17th, 2011 by John Moy Using Google Analytics with jQuery Mobile ?Tutorial? ?Article?
jongales.com, Published on January 10th, 2011 by JG Mobile Development with jQuery Mobile and PhoneGap ?Presentation?
Petefreitag.com, Published on January 10th, 2011 by Pete Freitag Building Mobile Apps with WebMatrix and jQuery Mobile ?Tutorial? ?Article?
Mikesdotnetting, Published on December 12th, 2010 by Mikesdotnetting jQuery Mobile + CouchDB: P7 Part Series ?Tutorial?
Todd Anderson, Published on December 8th, 2010 by Todd Anderson jQuery Mobile Quick Start Guide ?Tutorial?
Coldfusion Jedi<!--alpha4-->How to create a mobile WordPress theme with jQuery Mobile ?Tutorial?
Cats who code, Published on November 16th, 2010 by Jean-Baptiste Jung jQuery Mobile: What Can It Do for You? ?Tutorial? ?Article?
Elated, Published on November 5th, 2010 by Matt Doyle Creating mobile web applications with jQuery mobile and Grails ?Tutorial?
train of thought, Published on October 31st, 2010 by Omar Marji What jQuery Mobile Means for Developers ?Article?
Elated, Published on October 18th, 2010 by Sarah Perez

?

?

收集一些jQueryMobile的插件和案例 1，photoswipe
网址：http://www.photoswipe.com/%20
demo: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html
个人描述：在手机上操作很流畅，能自使用屏幕尺寸，竖屏显示效果很好，横屏图片太大了，也就是列数固定的原因。

2，Touch-Gallery
网址：http://neteye.github.com/touch-gallery.html%20
demo: 在首页在左下角
个人描述：就是一个图片箱子插件，点击图片放大，周围变黑遮罩，双击周围返回列表，还未有在手机测试，但是上面写着iphone / ipad 可以使用。

3，一个用jQueryMobile实现驾驶导航教程
网址：http://www.coldfusionjedi.com/index.cfm/2011/3/9/Adding-driving-directions-to-a-jQuery-Mobile-web-site%20
demo: http://www.coldfusionjedi.com/demos/march92011/%20
个人描述：在PC上测试可以用，很牛B

4，Mobile Photo Album
网址：http://www.digicrafts.com.hk/components/JSMobilePhotoAlbum%20
demo: http://cdn.digicrafts.com.hk/u/163440/components/js/JSMobilePhotoAlbum/index.html
个人描述：demo中看到好像可以自适应宽度，数量，还未测试

5，iscroll-4
网址：http://cubiq.org/iscroll-4%20
demo: http://cubiq.org/dropbox/iscroll4/examples/simple/%20
个人描述：可以实现左右，上下滑动模拟手机操作体验，非常不错的效果，只是目前好像不能自适应宽度??

30+最好的JQuery画廊插件
http://hi.baidu.com/gjj003/blog/item/7a7739fe56cd18205d600819.html
240个Jquery 插件
http://linux.chinaunix.net/techdoc/desktop/2008/12/18/1053697.shtml
Jquery 官方插件
http://malsup.com/jquery/form/#download
jqueryMobile 插件和 Demo
http://cubiq.org/
http://www.phonegap.com/
http://www.jqmobile.org/thread-80-1-1.html
http://www.jqmgallery.com/

?JQM 案例展示：http://www.jqmgallery.com/??

JQM 滚动条插件 Site:? http://cubiq.org/iscroll Demo: http://cubiq.org/dropbox/iscroll4/examples/simple/

JQM 弹出插件 Site：http://dev.jtsage.com/jQM-SimpleDialog/ 开源移动设备检测脚本 Site：http://detectmobilebrowser.com/

JQM日期插件 Site：http://dev.jtsage.com/jQM-DateBox/ Site：http://toddmhorst.wordpress.com/2010/12/30/android-like-date-picker-with-jquery-mobile-2/