文章發佈日期: 2021-09-07
小知识教学类型: 手机应用程式开發
手機營光幕當然比電腦細得多，但具備多功能性或多資訊性的手機應用程式mobile apps，這時候就需善用jQuery Mobile Toolbars，以有限的空間去展示最多的功能選項和規劃手機應用程式的便用設計。而Toolbars可分為頂部的Header和底部的Footer:
Header Toolbars: 以data-role="header"置於 Div中，超連結中以class便可管理jQuery Mobile Header Toolbars了，例如設置左上方的主頁按紐ui-btn ui-icon-home ui-btn-icon-left，又或是左上方的搜尋選項ui-btn ui-icon-search ui-btn-icon-left，若想改為右邊顯示則可改為使用ui-btn-right。
Footer Toolbars: 以data-role="footer"置於 Div中，超連結中以class便可管理jQuery Mobile Footer Toolbars了，例如設置左下方的按紐ui-btn ui-icon-plus ui-btn-icon-left。
