经典收藏 50个jQuery Mobile开发技巧集萃(1)(3)
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表单验证。
相关链接:http://www.elijahmanor.com/2011/02/jquery-mobile-form-validation.html
26、使用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导航功能很出色,但有时候你完全想要禁用这项功能。使用这段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/






