JQuery Mobile提供了一個非常方便的底部菜單組件，可以讓開發者輕松創建漂亮的底部菜單。底部菜單通常用于移動設備上的導航，常常包含常用鏈接和操作。下面我們來看看如何使用JQuery Mobile創建底部菜單。
如上所示，我們可以通過在data-role="footer"的div中嵌套一個data-role="navbar"的div來創建一個底部菜單。navbar中包含一個ul列表，每個li代表一個菜單項。在li中嵌套一個a鏈接，通過href屬性來指定鏈接地址。我們可以通過給其中一個a鏈接添加樣式類"ui-btn-active"來設置默認選中項。
除了以上代碼，我們還需要在頁面頭部添加JQuery Mobile及其依賴庫的鏈接。下面是完整的示例代碼：
底部菜單示例
通過上述代碼，我們就可以輕松創建一個漂亮的底部菜單。JQuery Mobile的底部菜單組件還提供了許多其他選項，例如可以調整菜單的位置、設置菜單的圖標、為菜單項添加計數器等。歡迎大家深入學習并掌握這些高級用法。