jQueryMobile Beta1

jQueryMobile Beta1 出來了
根據官方說法：7月會出beta 2，8月會正式版。可喜可賀！

http://jquerymobile.com/blog/2011/06/20/jquery-mobile-beta-1-released/#upgrade
用了Media Query 所以 iPad 和 iPhone看會不同。

不過在切換ViewPort為LandScape時，在iPhone上會有些問題，會超過一的畫面可以顯示的大小，要自己縮小。可能跟他為了讓使用者可以縮放，修改Meta的寫法有關。
http://jquerymobile.com/blog/2011/06/20/jquery-mobile-beta-1-released/#viewport
但是目前在Android HTC Desire上測試則沒有問題。

主要改變如下：

1. 支援黑莓機和Opera Mini。
   
2. 在 iOS 和 Android 中會自動隱藏URL Bar了，不過我測試過後：
   iOS： iPhone可以，但是底下的Bar還是在、iPad不會(也許螢幕夠大)
   Android：Desire可以，但是按 Desire 的 back 鈕有時候還是會跑出來。
   
   作法如下：iOS捲0px、Android捲1px
   http://stackoverflow.com/questions/6011223/how-to-completely-hide-the-navigation-bar-in-iphone-html-5
   
3. 將頁面切換的部份切開，可以自己做頁面切換的特效了。
   
4. 左上角的Back按鈕預設是沒有的，因為多數手機和瀏覽器都能控制上一頁。
   要打開有兩種方法：
   －在data-role="page"的div上加上data-add-back-btn="true"
   －mobileinit時，設定config為$.mobile.page.prototype.options.addBackBtn = true;
   
5. 在 Form 裡面，會讓 Label 在 Landscape 和 Portrait 時的呈現不同。
   但是Window Phone7的Form元件，label 不像其他系統會 float 到左邊。(又是IE...)
   
   正式版將不再使用現在的方式，請改用CSS3 Media Queries。
   
6. 沒有 ajaxFormsEnabled 和 ajaxLinksEnabled 改為 ajaxEnabled