8個有用的jQuery Mobile教程

發表於2011-04-27

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建立一個網站。這個教程的第一部分為您解釋該網站的特點並且完成網站的主頁。

View Live Demo Part1 Part2 Part3

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

這是一篇介紹jQuery Mobile主要特性和優點的詳細教程,舉例說明了如何利用這個新架構幫助你快速建立優質移動應用。

View Live Demo

3. Getting Started with jQuery Mobile & Rails 3

本教程教我們如何利用Rails 3和jQuery Mobile建立CRUD應用。該應用程式將允許我們通過移動裝置建立,讀取,更新和刪除部落格帖子。

View Live Demo

4. Creating a Simple App Using jQuery Mobile

在這篇文章中,我們將看看如何利用框架,動態(AJAX)的頁面載入,iOS的風格設計和頁面過渡等建立一個簡單的移動網站。

View Live Demo

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

本教程為您介紹如何建立一個移動優化WordPress主題。

View Live Demo

6.Two-Minute Tutorial 1

這個兩分鐘教程展示瞭如何使用AppLaud和PhoneGap Media API播放音訊檔案,並使用jQuery Mobile實現按鈕和文字顯示。它也顯示了兩種方法來訪問音訊檔案:網址或本地上傳。

View Live Demo Part1 Part2

7. jQuery Mobile Framework – A Forms Tutorial

jQuery Mobile是一個相對較新的行動網路框架,2010年10月首次釋出。該框架有許多有趣的功能來支援移動應用開發。在本教程中,我們將集中於 jQuery Mobile的一些基本要素:頁面結構,形式和Ajax提交表單。本教程是基於jQuery Mobile 1.0 alpha版本。

View Live Demo

8. How to Build an RSS Reader with jQuery Mobile

本教程教我們如何使用PHP和jQuery Mobile建立一個簡單的Tuts+ RSS閱讀器。學習完這個教程,您可以輕而易舉地在iPhone或Android手機上建立Tuts+ RSS閱讀器。

View Live Demo

原文:Webdesign14  譯文:ITEye

 

相關文章