jQuery Mobile是一個功能強大的JavaScript框架，可用于快速開發移動Web應用程序。其中一個有用的組件是左側滑動菜單。本文將介紹如何使用jQuery Mobile創建這種菜單。
首先，我們需要在HTML頁面中包含jQuery Mobile庫。可以使用CDN（內容分發網絡）或下載并將庫添加到項目中。下面是使用CDN引入jQuery Mobile的示例代碼。
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head><div data-role="page">
<div data-role="header">
<h1>左側滑動菜單</h1>
<a href="#left-panel" data-icon="bars" data-iconpos="notext" class="ui-btn-left">菜單</a>
</div>
<div data-role="content">
<p>歡迎訪問本網站！</p>
</div>
<div data-role="panel" id="left-panel">
<ul data-role="listview">
<li><a href="#">菜單項1</a></li>
<li><a href="#">菜單項2</a></li>
<li><a href="#">菜單項3</a></li>
</ul>
</div>
</div><script>
$(document).on("pagecreate", function () {
$("#left-panel").panel({
display: "overlay",
position: "left"
});
});
</script>