【IT168技術】隨着HTML 5時代的來臨,移動開發開始進入了一個新的時代,現在只需要懂得HTML5,配合一定的開發框架,就可以開發出十分漂亮的HTML5的移動應用。在衆多的移動HTML5開發框架中，比較著名的是jQuery Mobile。最近，jQuery Mobile宣佈發佈了最新的1.1版本，其中的一些新特性必1.0時代有了很大的提升。在本文中，將會就這些新的特性進行介紹，還將討論在1.2版本中估計會新加入的特性。本文的閱讀對象爲對jQuery Mobile開發有一定認識的讀者。
▲jQuery Mobile
新特性總述
在jQuery Mobile 1.1中有如下值得關注的八大新特性：
1、改進的固定於表頭和頁腳的工具條。2、頁面的過渡效果進行了改良，新增兩種過渡效果。3、加載中效果的文字顯示改進。4、新增漂亮的迷你表單元素。5、更漂亮的開關設置。6、改進的滑動滾動條的效果。7、禁止jQuery Mobile針對元素的改動。8、其他的一些小的改進。
工具條方面的改良
固定的工具條是用來固定頁面頂端和底部的，這可以通過添加data-position="fixed"來添加到頁頭和頁尾。其特點是用戶在翻看頁面到底部或者頂端時，能依然清晰看到頁面頭部和底部的工具條。
最簡單的方式去創建一個固定的頁面元素是使用CSS 3中的 position:fixed 。可惜的是，因爲移動瀏覽器對於這個屬性的支持一直都不是很完美，所以在舊版本的jQuery Mobile中，通過動態的重新定位來實現該功能，但效果不是很好，運行下面兩個版本的DEMO，明顯看到，在1.0版本中，當用戶滾動鼠標到最底部的內容時，頁面出現抖動，頭部和底部的工具條出現閃動，但在新的1.1版本中，已經是解決了這個問題。
幸運的是，隨着現在新型瀏覽器的功能不斷增強，在1.1版本中，jQuery mobile團隊對工具條進行了重新的設計，並且儘可能使用了 position:fixed，這樣使得工具條的運行更加流暢。對於不支持 position:fixed屬性的瀏覽器，例如，Safari in iOS4.3，則會使用一般的靜態位置去顯示工具條，比如就是在頂部和底部的固定位置顯示。如果依然希望在iOS上或舊的jQuery版本上，實現在滾動內容頁時，工具條是在頂部和底部固定時，則可以選擇使用如下這個開源的CSS樣式。
現在新版本的工具條，還有了一系列的新的選項和方法。例如visibleOnPageShow選項來控制是否頁面初始的時候就顯示工具條。tapToggle選項來打開或者關閉"toggle-on-tap"特性。show，hide和toggle方法可以使用代碼控制顯示和隱藏工具條。
此外，還有一個很重要的小變動，關於全屏定位。在jQuery mobile 1.0中可以通過添加data-fullscreen="true“來實現工具條的全屏幕模式。在1.1中，需要將 這個屬性添加到獨立的header和footer容器中而不是頁面容器。
注意，這裏有一些已知的關於position:fixed在Android 2.2/2.3中運行的問題。請查看詳細文檔。
jQMobile1.0使用CSS overflow-scrolling:touch來固定的工具條的位置。1.1使用真正的position:fixed，overflow-scrolling:touch屬性已經被刪除了，所以需要修改相關的代碼。
http://www.doudouguo.cn