最美H5 酷站欣赏 UI素材 专题 设计导航

8个优秀的jQuery Mobile 教程

jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新,但开发人员可以用jQuery Mobile为许多移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用。本文将为大家介绍8个有用的jQuery Mobile移动教程。

1.?Creating a Website Using JQuery Mobile

在本教程中将告诉您如何利用jQuery Mobile建立一个网站。这个教程的第一部分为您解释该网站的特点并且完成网站的主页。

clip_image001

View Live Demo Part1 Part2 Part3

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

这是一篇介绍jQuery Mobile主要特性和优点的详细教程,举例说明了如何利用这个新架构帮助你快速建立优质移动应用。

clip_image002

View Live Demo

3.?Getting Started with jQuery Mobile & Rails 3

本教程教我们如何利用Rails 3和jQuery Mobile创建CRUD应用。该应用程序将允许我们通过移动设备创建,读取,更新和删除博客帖子。

clip_image003

View Live Demo

4.?Creating a Simple App Using jQuery Mobile

在这篇文章中,我们将看看如何利用框架,动态(AJAX)的页面加载,iOS的风格设计和页面过渡等创建一个简单的移动网站。

clip_image004

View Live Demo

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

本教程为您介绍如何创建一个移动优化WordPress主题。

clip_image005

View Live Demo

6.Two-Minute Tutorial? 1

这个两分钟教程展示了如何使用AppLaud和PhoneGap Media API播放音频文件,并使用jQuery Mobile实现按钮和文本显示。它也显示了两种方法来访问音频文件:网址或本地上传。

clip_image006

View Live Demo Part1 Part2

7.?jQuery Mobile Framework – A Forms Tutorial

jQuery Mobile是一个相对较新的移动网络框架,2010年10月首次发布。该框架有许多有趣的功能来支持移动应用开发。在本教程中,我们将集中于 jQuery Mobile的一些基本要素:页面结构,形式和Ajax提交表单。本教程是基于jQuery Mobile 1.0 alpha版本。

clip_image007

View Live Demo

8.?How to Build an RSS Reader with jQuery Mobile

本教程教我们如何使用PHP和jQuery Mobile建立一个简单的Tuts+ RSS阅读器。学习完这个教程,您可以轻而易举地在iPhone或Android手机上创建Tuts+ RSS阅读器。

clip_image008

View Live Demo