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

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

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
21、 创建自定义主题 jQuery Mobile框架随带五个主题:主题A、主题B、主题C、主题D和主题E。但是你很容易为自己的web应用程序创建一个新主题。 相关链接:

21、创建自定义主题

jQuery Mobile框架随带五个主题:主题A、主题B、主题C、主题D和主题E。但是你很容易为自己的web应用程序创建一个新主题。

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

22、阻止一些关键项目被截断

库的一项特性(或者是缺点,就看你的需要了)在于,它能够智能化地截断很长的项目,以适应用户界面元素。

在两种情况下这可能很烦人。首先在列表项目中,我更喜欢看到全部文本。其次是在脚注文本中。

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

23、两个iPhone开发技巧,jQuery出手相助

第一个也是最简单的技巧是,使用视口。(你可能需要向苹果公司注册,才能查看该链接。需要登录才能访问简单的文档,对苹果扣两分!)视口是一个简单的元标签。这是个例子:

相关链接:http://www.coldfusionjedi.com/index.cfm/2008/10/9/Two-iPhone-development-tips-and-jQuery-to-the-rescue

24、从列表项移除箭头

默认情况下,jQuery Mobile框架在每个列表项旁边添加一个箭头。想禁用这项功能,只要针对你想移除箭头的那个列表项,将data-icon属性设成“false”。

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

25、jQuery Mobile表单验证

jQuery Mobile表单验证

可以通过这个教程学习jQuery Mobile表单验证。

相关链接:http://www.elijahmanor.com/2011/02/jquery-mobile-form-validation.html

26、使用JQuery Mobile的HTML5画布元素,侦听iPad和Android浏览器上的触摸事件

使用JQuery Mobile的HTML5画布元素,侦听iPad和Android浏览器上的触摸事件

JQuery Mobile支持众多的触摸事件,大大简化了开发人员的工作。实际上,JQuery Mobile确保你的web应用程序在移动浏览器和台式机/笔记本电脑浏览器上都可以运行。 遗憾的是,你根本无法预料JavaScript点击事件在移动设备上会如同在台式机/笔记本电脑浏览器上那样运行。

相关链接:http://www.giantflyingsaucer.com/blog/?p=2658

27、jQuery Mobile触摸事件:快速按下

可以学习如何检测智能手机设备上的“快速按下”触摸事件。

相关链接:http://www.youtube.com/watch?v=-ywcCfbnQhM&feature=related

28、使用带appMobi的JQuery Mobile

这个教学视频向你表明了如何使用带appMobi的流行JQuery JavaScript库的新移动版本。JQuery Mobile让你可以很容易创建具有原生应用程序所有外观感觉的应用程序,拥有内置的按钮、转换效果和表单等。

相关链接:http://www.youtube.com/watch?v=otBNufYLXNc&feature=related

29、同时禁用所有链接的AJAX导航功能

同时禁用所有链接的AJAX导航功能

尽管AJAX导航功能很出色,但有时候你完全想要禁用这项功能。使用这段jQuery代码,告诉移动库不要使用AJAX导航功能。

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

30、页面装入时,显示随机性的背景图像

页面装入时,显示随机性的背景图像

jQuery Mobile有许多页面初始化事件,你可以用来在页面装入时触发某些方法。下列CSS + JavaScript可以用来每当页面装入时,就显示随机性的背景图像。

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

精彩图集

赞助商链接