jQuery Mobile是一個流行的開源JavaScript庫，用于創建基于Web的移動應用程序。其中一個最常用的功能是左菜單。左菜單是一個位于應用程序左側的滑動面板，可以用來顯示應用程序導航、設置、用戶資料等元素。

要添加左菜單，需要使用jQuery Mobile提供的“panel”部件。可以通過以下代碼添加一個基本的左菜單：

<div data-role="panel" id="left-panel" data-display="push">
<ul data-role="listview">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>

這段代碼創建了一個帶有三個鏈接的左菜單面板。當用戶向右滑動屏幕時，菜單將從左側滑出。鏈接可以指向不同的頁面或目標，例如“Home”、“About”和“Contact”。

要觸發左側菜單的打開和關閉，可以使用以下代碼：

// 打開左側面板
$("#open-panel-button").on("click", function(){
$("#left-panel").panel("open");
});
// 關閉左側面板
$("#close-panel-button").on("click", function(){
$("#left-panel").panel("close");
});

這些代碼創建了兩個按鈕，一個用于打開左側面板，另一個用于關閉它。通過使用panel()方法和“open”和“close”參數，可以輕松地打開和關閉左側菜單。

總之，jQuery Mobile中的左菜單是一種強大的導航和用戶交互工具，可以輕松地將它集成到您的Web應用程序中。通過使用簡單的HTML和JavaScript代碼，您可以創建一個簡單而有效的導航系統，為用戶提供互動和控制。