热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

8个优秀的jQueryMobile教程

jQueryMobile是jQuery在手机上和平板设备上的版本。jQueryMobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQue

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

AD:



1.Creating a Website Using JQuery Mobile

地址:http://miamicoder.com/category/tutorials/jquery-mobile-tutorials/

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

jQuery Mobile教程:Creating a Website Using JQuery Mobile

View Live Demo Part1 Part2 Part3

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

地址:http://www.elated.com/articles/jquery-mobile-what-can-it-do-for-you/

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

jQuery Mobile教程:jQuery Mobile: What Can It Do for You?

View Live Demo


3.Getting Started with jQuery Mobile & Rails 3

地址:http://fuelyourcoding.com/getting-started-with-jquery-mobile-rails-3/

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

jQuery Mobile教程:Getting Started with jQuery Mobile & Rails 3
View Live Demo

4.Creating a Simple App Using jQuery Mobile

地址:http://devgrow.com/mobile-web-dev-using-jquery-mobile/

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

jQuery Mobile教程:Creating a Simple App Using jQuery Mobile 
View Live Demo


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

地址:http://www.catswhocode.com/blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile

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

jQuery Mobile教程:How to create a mobile WordPress theme with jQuery Mobile

View Live Demo

6.Two-Minute Tutorial  1

地址:http://www.mobiledevelopersolutions.com/home/start/twominutetutorials/tmt1part1

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

jQuery Mobile教程:Two-Minute Tutorial 1 
View Live Demo Part1 Part2



7.jQuery Mobile Framework – A Forms Tutorial

地址:http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery-mobile-forms/

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

jQuery Mobile教程:jQuery Mobile Framework – A Forms Tutorial
View Live Demo

8.How to Build an RSS Reader with jQuery Mobile

地址:http://net.tutsplus.com/tutorials/Javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/

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

jQuery Mobile教程:How to Build an RSS Reader with jQuery Mobile
View Live Demo




推荐阅读
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • pdf在这里:http:mfinocchiaro.files.wordpress.com200807java-virtual-machine-neutral.pdf以及关于gc的 ... [详细]
  • php和jq开发怎么使用es6,PHP与jquery
    本文目录一览:1、phpstorm怎么使用es6语法 ... [详细]
  • 开发笔记:加密&json&StringIO模块&BytesIO模块
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文介绍了H5游戏性能优化和调试技巧,包括从问题表象出发进行优化、排除外部问题导致的卡顿、帧率设定、减少drawcall的方法、UI优化和图集渲染等八个理念。对于游戏程序员来说,解决游戏性能问题是一个关键的任务,本文提供了一些有用的参考价值。摘要长度为183字。 ... [详细]
  • PHP WEB项目文件夹上传下载解决方案
    PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。1.file_uploadsonoff是否允许通过http方式上传文件2.max_execution_time3 ... [详细]
  • php实现文件下载代码一例,
    php教程|php手册php,实现,文件下载,代码,一例,php,实现,文件下载,代码,一例,我们,需要,用到,header,函数,来,发送,php教程-php手册php实现文件下 ... [详细]
  • wordpress 一键搭建属于自己的网站
    搭建网站很难,wordpr ... [详细]
  • html锚点是什么详解
    web前端|html教程html,锚点,web前端-html教程学习网页知识入门的肯定是HTML,其中html的锚点到底是干吗的?企业文件微信管理系统源码下载,ubuntu学习网站 ... [详细]
  • #python没有类似于java和C#的接口类(interface),需要使用抽象类和抽象方法来实现接口功能#!usrbinenvpython#_*_coding ... [详细]
  • 由于我们在主屏幕中具有文章列表,因此我们也需要显示完整的文章。为此,我们将创建SinglePost屏幕,该屏幕将显示整个文章。在这里&#x ... [详细]
author-avatar
彭雅静政颖
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有