ณัฐฐา 013

JQUERY MOBILE คืออะไรJQUERY MOBILE เป็นกรอบแนวคิด (Framework) ในการพฒั นาโมบายเว็บ แอ็พพลเิ คชน่ั (Mobile Web Application) ซงึ่ ทาให้รูปแบบของหน้าเว็บเพจสามารถ ทางานได้อยา่ งเหมาะสมบนเวบ็ เบราเซอร์ ท่อี ยบู่ นสมาร์ทโฟน (Smartphones) หรือ แทบ็ เบต็ (Tablets) ได้JQUERY MOBILE มีพนื ้ ฐานมาจาก มาตรฐาน HTML5, CSS3 และ JAVA SCRIPTJQUERY MOBILE เน้นการแสดงผลบน เวบ็ เบราเซอร์ท่ีทางานบนอปุ กรณ์เคลื่อนที่ แตก่ ็มคี วามสามารถในการจดั การข้อมลู บางสว่ นได้เชน่ กนั

JQUERY MOBILE ถกู ออกแบบมาให้เหมาะกบั การแตะบนหน้าจออปุ กรณ์เคลอื่ นท่ี (Touch Optimized)เนื่องจากหน้าจออปุ กรณ์เคลอ่ื นที่มีพนื ้ ที่ในการทางานน้อยกวา่ หน้าจอคอมพวิ เตอร์ และแกนของการใช้งานจะมีลกั ษณะเป็นแกนแนวตงั้ (Vertical Axis) ในขณะใช้งานมือเดยี ว ดงั นนั้ JQUERY MOBILE จะชว่ ยให้นกั พฒั นาสามารถออกแบบหน้าจอเว็บท่ีสอดคล้องกบัประสบการณ์ผ้ใู ช้ (User Experience) อปุ กรณ์เคล่ือนท่ีได้ดี JQUERY MOBILE สามารถทางานได้บนเบราเซอร์ หลายยี่ห้อ จงึ ทาให้การพฒั นามคี วามสะดวกมากยิ่งขนึ ้

การเปลยี่ นหน้าจอ (Transitions) การเปลย่ี นหน้าจอเพจ หรือ เว็บเพจ นนั้ JQUERY MOBILE ได้เตรียมรูปแบบที่ใช้ ในการเปลี่ยนหน้าจอ เพอื่ สร้าง ประสบการณ์ผ้ใู ช้ ให้มีความนา่ สนใจมาก ขนึ ้ เรียกวา่ jQuery Mobile Transition Effects Web Browser ทส่ี นบั สนนุ การทางาน CSS3 3D Transforms มีดงั นี ้

การเปลย่ี นหน้าจอ สามารถกาหนด Tag ดงั นี ้<a href=\"#anylink\" data-transition=\"slide\">Slide to PageTwo</a>

หากต้องการให้แสดงการเปลยี่ นหน้าจอกลบั จาก ซ้ายไปขวา สามารถกาหนดได้ โดยใช้ Attribute ท่ีช่ือว่า data-direction=\"reverse“ ดงั ตวั อยา่ ง<a href=\"#pagetwo\" data-transition=\"slide\" data-direction=\"reverse\">Slide</a>