CSMJU jQuery Mobile

เมนู
ถัดไป ก่อนหน้า

3.2 Toolbars

     f. Persistent toolbars

About persistent toolbars
   คลิกที่ใด ๆ ของการเชื่อมโยงในส่วนfooter และจะเห็นการเปลี่ยนแปลงเนื้อหาของเพจทั้งส่วนheaderและfooter จะยังคงอยู่ในขณะที่การเปลี่ยนไปยังเพจ HTML ใหม่หากเพิ่ม data-id ที่เหมือนกันลงในheaderหรือfooter จะทำให้ toolbarsปรากฎ fixed outside ของการเปลี่ยนแปลง โดยปกติ แล้ว เทคนิค persistent toolbarนี้จะรวมอยู่ fixed positioningเรียบร้อยแล้วเช่น footer ได้เรียกใช้ navbar

CD ไฟล์: persistent toolbars.html

   ซึ่งสามารถตั้งค่าสถานะ Persistent toolbarได้โดยการเพิ่ม class="ui-btn-active ui-state-persist"

CD ไฟล์: Set the active state persistent toolbar.html

  <li><a href="#" class="ui-btn-active ui-state-persist">Info</a></li>
  

  เกร็ดน่ารู้เกี่ยวกับ transitions :
   slide, slideup, slidedown, fade หรือ none page transitions ทำงานได้ดีกับ persistent fixed toolbarsอย่างไรก็ตาม intensive 3D transitions like flip, turn และflowอาจทำให้ประสิทธิภาพ การระบุตำแหน่งและภาพเคลื่อนไหวเกิดปัญหาได้