jQuery Mobile的教程

12年前

jQuery Mobile Tutorials


jQuery Mobile Tutorial: Basics

To help us, smart people have developed a unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Yes, it’s jQuery Mobile.
So, let me show how easy it is to use it. When you start developing with jQuery Mobile, first thing is to build a boilerplate template and see if everything is working as expected

How to create a Mobile website using Mobile jQuery | Introduction

There is a first part of jQuery-mobile course for beginners. The course will help you to create sites for any mobile devices - jQuery Mobile currently provides support for the following mobile platforms:
Apple iOS (3.1-4.2): tested on iPhone, iPod Touch, iPad
Android (1.6-2.3): all devices, tested on the HTC Incredible, Motorola Droid, Google G1 and Nook Color
Blackberry 6: tested on Torch and Style
Palm WebOS (1.4): tested on Pre, Pixi
Opera Mobile (10.1): Android
Opera Mini (5.02): iOS, Android
Firefox Mobile (beta): Android

jQuery Mobile Theme Roller

The much anticipated jQuery Mobile Theme Roller! You’ve seen our previous screencasts about building custom mobile themes for jQuery Mobile. Now you can do it without even looking at CSS code. jQuery Mobile Theme Roller is a very easy to use intuitive web application. It comes pre-built with theme swatches from Adobe Kuller. Take a look at this quick screencast that will get you from default theme to your custom jQuery Mobile theme in no time.

jQuery Mobile: What Can It Do for You?

Find out how the new jQuery Mobile framework can help you build great-looking, cross-device web apps with ease. Lots of code examples and demos included.

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.

How to create a mobile WordPress theme with jQuery Mobile

In this tutorial, I’ll show you how to create a mobile-optimized WordPress theme.

How to Build an RSS Reader with jQuery Mobile

Today, we’ll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We’ll 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 own custom mobile web apps!

jQuery Mobile Framework – A Forms Tutorial

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.

jQuery Mobile Example - Paged Search Results

A reader asked me earlier this week if I could show an example of search, with paged results, under the jQuery Mobile framework. I whipped up a simple demo in five or so minutes. This is not a testament to my coding ability, but rather to just how cool jQuery Mobile is.

Using Google Analytics with jQuery Mobile

I upgraded Crossword Tracker to use jQuery Mobile at the end of November and while it has proven popular, I had a sneaking suspicion my Google Analytics reports were off. The Pages/Visit statistic was quite low (very close to 1 in fact). It turns out that jQuery Mobile requires a little extra effort to execute Javascript on every page load. I broke up the Analytics code into two pieces and now every page view is being tracked.

jQuery Mobile Gallery

For some time I was looking for jQuery Mobile gallery solutions and didn’t find much. So I made one. Just want to share my little experiment.

Android-Like Date Picker with jQuery mobile

Android-Like Date Picker with jQuery mobile

A Drupal jQuery Mobile theme

I'll start with this Drupal jQuery Mobile tutorial about what you need in a Drupal mobile theme.

jQuery Mobile icons | add custom button icon, data-icon

jQuery Mobile framework has built in icon sets needed for most mobile application.

jQuery Mobile 1.0

The official release of jQuery Mobile 1.0 was recently announced, and this tutorial will provide you with an overview of how this popular framework can assist you in your cross-platform and web based app development!

Build a jQuery Mobile Survey App: App Logic & Interface