หนึ่งใน Javascript Framework ที่เกิดมาเพื่อสนับสนุนการพัฒนา Mobile Web Application ยอดนิยมตัวหนึงก็คือ JQuery Mobile Framework ซึ่งบัดนี้ก้าวมาถึงเวอร์ชั่นที่ 1.1 แล้วครับ ซึ่งก็ออกตามมาไล่เลี่ยกันกับ PhoneGap ที่เพิ่งอัพเดตเป็นเวอร์ชั่นล่าสุดไป
มีอะไรใหม่ๆ บ้างมาดูกันเลย
สำหรับการเปลี่ยนแปลงที่เกิดขึ้นในเวอร์ชั่น 1.1 นี้ จะแยกออกเป็น 2 ส่วน คือ Key Change และ Update ขอสรุปไว้เป็นส่วนๆ นะครับ
Key Change
- ปรับปรุงระบบ Transition ให้ลื่นไหลกว่าเดิม
- เพิ่ม Transition ใหม่ คือ Turn (แบบที่เราเห็นใน Windows Metro Style) และ Flow (แบบที่เห็นคล้ายๆ Zoom in และ Zoom out ใน iOS)
- รองรับ Transition Sequence
- Transition ใน FireFox ทำงานได้แล้ว 🙂
- AJAX Loader ตัวใหม่ และสามารถกำหนดข้อความด้านล่างตัว loader ได้ด้วย
- เพิ่มโหมด mini ให้กับ form element ทำให้ได้ form ที่ไม่ใหญ่เทอะทะในหน้าจอขนาดเล็ก
- ปรับปรุง Flip Switch ให้สวยขึ้น (เย้!)
- เพิ่ม Highlight และ Step ให้กับ Slider element
- แก้ปัญหา Zoom ใน iOS
- เพิ่ม attribute
data-enchance=false
เพื่อป้องกัน JQuery Mobile ไปซ้อนการแสดงผล 3rd party component
- data-ajax=false สามารถใช้กับ container element เพื่อตั้งค่าให้กับ link หลายๆ ตัวได้พร้อมกัน ลดเวลาทำงานไปได้เยอะ
- ปรับปรุง Documentation
- รองรับ AMD Module
- ปรับปรุง JQuery Theme Roller ให้ใช้งานง่ายกว่าเดิม (คลิกที่นี่เพื่อดูรีวิว video ครับ)
- ให้สัญญาว่าจะมี Custom Download Builder ในเวอร์ชั่นหน้า
Update
- Transition ในการเปลี่ยนหน้า page จะเปลี่ยนจาก “Slide” เป็น “Fade”
- สำหรับ Mobile OS ตัวไหนที่ไม่รองรับการแสดงผล Transition แบบ 3D ก็จะ fallback เป็น Fade transition ในส่วนนี้สามารถตั่งค่าได้ครับ คลิกที่นี่เพื่อดูวิธีการตั้งค่า default transition
- ส่วนรายละเอียดด้าน API ที่เหลือ คลิกดูได้ที่นี่ครับ
ที่มา – JQuery Mobile Blog
บทความนี้ถูกโพสขึ้นครั้งแรกที่: NextFlow.in.th