龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

经典收藏 50个jQuery Mobile开发技巧集萃(1)(2)

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
11、 使用jQuery Mobile来创建网站,第二个部分 498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="300" height="100" alt="使用jQuery Mobile来创建网站,第二个部

11、使用jQuery Mobile来创建网站,第二个部分

使用jQuery Mobile来创建网站,第二个部分

作为如何使用jQuery Mobile来创建网站这个系列的下一个部分,现在介绍构建扬声器(Speakers)页面。

相关链接:http://miamicoder.com/2011/creating-a-website-using-jquery-mobile-part-2/

12、禁用按钮动作

禁用按钮动作

下面介绍如何禁用按钮动作(比如说禁止打开页面),添加下列JavaScript。

相关链接:http://eisabainyo.net/weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/

13、创建弹出式对话框

创建弹出式对话框

jQuery Mobile库的一项便利特性就是内置的弹出内容或对话框特性。创建这项便利的特性简单得很。注意:首先,目标页面必须是完整的jQuery Mobile页面,如第一个技巧所概述。其次,这只适用于外部页面;它必须是完整的单独页面才能正常工作。

相关链接:http://www.webdesignerdepot.com/2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/

14、jQuery Mobile简介

可以学习如何使用jQuery Mobile框架。这个基本简介主要介绍了如何建立页面、链接、导航和按钮。

相关链接:http://www.youtube.com/watch?v=VY20Q6ON4QA

15、设定页面的背景颜色

设定页面的背景颜色

这听起来可能很简单,但我花了好几分钟才弄清楚如何给页面添加背景颜色,又不会被jQuery Mobile CSS所覆盖。通常你会给主体元素设定背景颜色,但如果你在使用jQuery Mobile框架,就需要把它设成ui-page类。

相关链接:http://eisabainyo.net/weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/

16、jQuery Mobile:我能为你做些什么?

jQuery Mobile:我能为你做些什么?

可以弄清楚新的jQuery Mobile框架如何帮你轻松构建外观出色、跨设备运行的web应用程序。包括许多代码示例和演示。可以学习创建一个简单的jQuery Mobile应用程序。

相关链接:http://www.elated.com/articles/jquery-mobile-what-can-it-do-for-you/

17、禁止装入弹出式消息

我觉得装入弹出式消息有点烦人,因为每当你装入不同的页面,该操作就会被触发。想禁止这个操作,只要往你的JS文件中添加下面这行代码。

相关链接:http://eisabainyo.net/weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/

18、如何使用jQuery Mobile来创建RSS阅读程序

如何使用jQuery Mobile来创建RSS阅读程序

如今,我们会深入介绍使用PHP 和jQuery Mobile,创建一个简单的Tuts+ RSS阅读程序。创建完毕后,你只要点击一下按钮,并且运用构建web应用程序的技能,就可以把这个简单项目添加到你的iPhone或Android手机上。

相关链接:http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/

19、“Cancel”和“Save”按钮组合

“Cancel”和“Save”按钮组合

这段代码满足了两个基本要求。第一个要求是,让两个按钮彼此相邻。幸好,jQuery Mobile库有一种内置的列结构,只要使用fieldset标签和合适的类,很容易利用这种结构,如下所示。第二个要求是,让两个按钮有不同的主题。这段代码直接来自说明文档,我把它留在手边,以便经常使用。

相关链接:http://www.webdesignerdepot.com/2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/

20、使用jQuery锁定平台

尽管我们很想为某些设备执行某些CSS语句,但我们也想只在特定的设备上运行jQuery。下面对来自Snipplr的一些代码作了改动,那样我很容易把jQuery的一部分隔离开来,以便根据用户的设备来运行。

相关链接:http://snipplr.com/view/31607/iphone-ipad-ipod-detect/

精彩图集

赞助商链接