jQuery Mobile 1.1 : 更流畅，更快捷，更实用
菜鸟新手taob 2012-04-19
日期：2012-4-18 来源：GBin1.com
最新版本的jQuery Mobile 1.1本月13号刚刚发布，带给我们了最新的强大特和代码提升。在这篇文章中，我们将要快速的介绍jQuery mobile的新特性及其移动开发人员需要了解的所有内容。准备好和我们一起体验jQuery mobile吧！
在这个文章中，我们将要介绍如下内容：
- 改良的固定header和footer
- 提高的页面过渡效果，和俩个新开发的过渡效果
- 加载“spinner”和文本提升
- 漂亮的迷你表单元素
- 更漂亮的翻转开关切换
- 更好的滑动选择
- 禁止为整个页面标签优化和AJAX处理
- 其它相关的提升和修改
在本篇文章结尾，你会看到一些jQuery Mobile 1.2的新特性和组件。
首先我们开始介绍jQuery mobile的标题特性，大大的提升了header和footer工具条。
Toolbar的巨大改良
固定的toolbar是用来固定页面顶端和低端的工具条，通过添加data-position="fixed"来添加到页头和页尾。
最简单的方式去创建一个固定的页面元素是使用CSS position:fixed 。因为移动浏览器对于这个属性的支持不是很完整，所以在老版本中通过动态的重新定位来实现功能。虽然可以工作，但是不是非常完美。
很幸运的是，浏览器的支持在最近已经被大大的增强了。使用version1.1，jQuery mobile团队已经完整的重新设计了toolbar，开始使用position:fixed。这样使得toolbar更加的流畅。对于不支持position:fixed的浏览器，例如，Safari in iOS4.3。整个框架会fallback到一般的静态位置的toolbar。
如果你希望重新使得它动态，你可以考虑使用一些polyfill。
点击下面的演示，看看新版本和旧版本的区别吧。如果需要看到效果，请使用现代浏览器，或者桌面浏览器。
而且toolbar现在拥有了一系列的选项和方法帮助你自定行为。包括visibleOnPageShow选项来控制是否页面初始的时候显示toolbar。tapToggle选项来打开或者关闭"toggle-on-tap"特性。show，hide和toggle方法可以使用代码控制显示和隐藏toolbar。
这里还有一个很重要的小变动，关于全屏定位。在jQmobile 1.0中你可以通过添加data-fullscreen="true“来实现toolbar的"fullscreen"模式。在1.1中，你现在需要添加这个属性到独立的header和footer容器中而不是页面容器。
更多信息：这里有一些已知的position:fixed和Android 2.2/2.3的问题。请查看详细文档。
更多信息：jQMobile1.0使用CSS overflow-scrolling:touch来提升固定的toolbar。因为1.1使用真正的position:fixed，overflow-scrolling:touch已经被删除了。所以这个属性不再有效。
更流畅，更棒的页面过渡效果
jQMobile1.1中最好的一个变化在于页面间更加流畅的过渡效果。因为jQuery Mobile框架工作的方式，需要先滚动到顶端在执行页面过渡效果。下面是整个流程：
- 用户向下滚动到目前页面
- 点击一个link查看新页面
- jQuery mobile滚动到本页面的顶端
- jQuery mobile使用过渡效果来实现新页面
这个过程比较不完美，特别对于比较慢的移动浏览器：
因为无法避免滚动。所以jquery mobile团队使用了如下方式来处理：
...
