jQuery draggable是一個非常常用的插件，它可以幫助我們實現元素的拖動。我們可以通過一些配置選項來控制元素的拖動行為，例如限制拖動范圍、拖動方向等。另外，jQuery draggable還可以支持復制拖動，下面讓我們來學習一下吧。
// 啟用復制拖動
$("#draggable").draggable({
helper: "clone" // 使用克隆元素進行拖動
});復制拖動是指拖動元素時，不是直接移動元素，而是在原位置生成一個克隆元素，并將克隆元素進行拖動。這種方式可以保持元素原有的狀態，從而更加靈活地進行操作。
在上面的代碼中，我們給元素綁定了draggable事件，并指定了helper選項為clone。這個選項的作用就是告訴jQuery draggable在拖動時使用克隆元素作為拖動元素。這里需要注意的是，helper選項也可以是一個函數，用于自定義克隆元素的創建方法。
下面再來看一個完整的例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Draggable</title>
<style>
#draggable {
width: 100px;
height: 100px;
background-color: #f00;
position: absolute;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
}
</style>
</head>
<body>
<div id="draggable"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$("#draggable").draggable({
helper: "clone"
});
</script>
</body>
</html>在這個例子中，我們創建了一個紅色方塊，然后綁定了draggable事件，并啟用了復制拖動。當我們拖動方塊時，會在原位置生成一個新的紅色方塊，并將新方塊進行拖動。這個例子比較簡單，但是可以讓我們更好地理解jQuery draggable復制拖動的使用方法。