jQuery Mobile Toolbars 小參考教學 | 腦爸打有限公司

jQuery Mobile Toolbars 小參考教學


手機應用程式開發 專家!

Compbrother 腦爸打 @ 手機應用程式開發 小知識教學: jQuery Mobile Toolbars 小參考教學

文章發佈日期: 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。



如需協助 「手機應用程式開發」 ,歡迎立即 聯絡我們!



立即聯絡我們



Send a Message

Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnais.