jQuery Draggable左右是jQuery中非常實用的一個功能，它可以讓元素在水平方向上自由拖動。這個功能可以讓用戶更加方便地調(diào)整頁面布局，提高用戶體驗。
// jQuery Draggable左右的基本用法
$( "#element" ).draggable({
axis: "x"
});
// 示例代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Draggable 左右</title>
<style>
#draggable {
width: 150px;
height: 150px;
background-color: #F00;
position: absolute;
top: 50px;
left: 50px;
}
</style>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$( "#draggable" ).draggable({
axis: "x"
});
</script>
</head>
<body>
<div id="draggable"></div>
</body>
</html>在上面的示例代碼中，我們創(chuàng)建了一個id為“draggable”的div元素，并設(shè)置了其寬高和背景顏色。我們將這個元素移動到了頁面左上角。然后，我們使用jQuery Draggable的axis參數(shù)來指定元素只能在水平方向上拖動。
使用jQuery Draggable左右，我們還可以設(shè)置拖動元素的范圍、拖動開始和結(jié)束時的回調(diào)函數(shù)等等。這讓我們可以根據(jù)具體需求對這個功能進行更加細致的控制。