10个非常实用的jQuery Mobile开发指南

13年前
10 Useful jQuery Mobile Tutorials

1. Creating a Website Using JQuery Mobile

In this tutorial I will show you how to build a website with JQuery Mobile. In this first part of the tutorial I will explain the site’s characteristics, and I will implement the home page of the site.

14

View Live Demo Part1 Part2 Part3

2. jQuery Mobile: What Can It Do for You?

In this article, elated is sharing detailed jquery mobile tutorial which look at some of the key features and benefits of jQuery Mobile, and show some examples of how this new framework can help you build top-quality mobile apps in next to no time.

 jQuery Mobile

View Live Demo

3. Getting Started with jQuery Mobile & Rails 3

This tutorial teach us how to create CRUD application with Rails 3 and jQuery Mobile. The application will allow us to create, read, update and delete blog posts from mobile devices.

 jQuery Mobile

View Live Demo

4. Creating a Simple App Using jQuery Mobile

In this article, we’ll take a look at how easy it is to create a simple mobile website using framework, complete with dynamic (AJAX) page loading, iOS-style design and slick page transitions.

4

View Live Demo

5. How to create a mobile WordPress theme with jQuery Mobile

In this tutorial, catswhocode show us how to create a mobile-optimized WordPress theme.

5

View Live Demo

6. Two-Minute Tutorial  1

This Two-Minute Tutorial (TMT1 Part1) shows how to use AppLaud and the PhoneGap Media API to play an audio file, and use jQuery Mobile for a simple UI using buttons and updated text display. It also shows two ways to access the audio file: as a url, and locally (from the device) using the project’s /assets folder

11

View Live Demo Part1 Part2

7. jQuery Mobile Framework – A Forms Tutorial

jQuery Mobile is a relatively new mobile web framework, with its first release made in October 2010. The framework has many interesting features to support development of web based mobile applications. In this tutorial, we will focus on some basic elements of jQuery Mobile: page structure, forms and Ajax form submission. The tutorial is based on version 1.0 alpha release 2 of the jQuery Mobile framework.

8

View Live Demo

8. Creating a Website Using JQuery Mobile

In this tutorial I will show you how to build a website with JQuery Mobile. In this first part of the tutorial I will explain the site’s characteristics, and I will implement the home page of the site.

 jQuery Mobile

View Live Demo Part1 Part2 Part3

 

9. How to Build an RSS Reader with jQuery Mobile

This is maybe the first jquery mobile tutorial that I found in the net. This tutorial teach us how to build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!

 jQuery Mobile

View Live Demo

10. Build a jQuery Mobile Survey App: App Logic & Interface

In this part of the tutorial we are going to create a mobile friendly web interface with jQuery Mobile so that our survey can be taken easily on any HTML5 compatible smartphone. This can be done very easily as jQuery Mobile comes with pre-defined CSS templates that look great in mobile browsers in addition to being a great javascript library that helps developers create “app-like” experiences for mobile websites.

1

View Live Demo