JQuery Mobile是一個輕量級的JavaScript庫，為移動設備提供了一個可自定義的導航欄，可以輕松地創建帶有圖標和文字鏈接的菜單。
標題
菜單
上面的代碼演示了最簡單的導航欄。通過data-role="header"屬性，我們告訴JQuery Mobile這是一個導航欄。data-position="fixed"屬性將它固定在屏幕頂部。h1標簽是標題，a標簽是菜單按鈕，使用了data-icon="bars"和data-iconpos="notext"屬性表示使用Bar圖標，文本不顯示。
我們可以把導航欄的菜單作為一個側邊欄，使用panel組件。下面是使用panel組件來創建菜單的方式。
上面的代碼演示了如何使用data-role="panel"創建一個側邊欄。data-display="push"屬性告訴面板在打開時將推動頁面。我們還可以選擇使用data-theme屬性為面板設置主題。菜單選項由ul標簽和li標簽創建的，使用了data-role="listview"屬性來創建JQuery Mobile的列表樣式。
通過JQuery Mobile的導航欄，我們可以輕松創建自定義的移動應用程序菜單，以滿足用戶的需要。如需了解更多有關JQuery Mobile的導航欄及其其他組件的知識，請訪問官方文檔。