在網頁開發中，拖拽功能是經常用到的。而 jQuery UI 拖拽插件，提供了一個非常方便的解決方案。本文將介紹如何使用 jQuery UI 拖拽插件實現拖拽 id 的功能。

首先需要下載并引入 jQuery 和 jQuery UI 的 js 和 css 文件：

<!-- 引入 jQuery -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 引入 jQuery UI -->
<link rel="stylesheet" >
<script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

接著，我們需要在 HTML 中添加一個可拖拽的元素，需要給元素添加 id 屬性方便后續獲取。

<div id="draggable">拖我一下</div>

然后在 JavaScript 中，使用 jQuery UI 的 draggable() 方法來實現拖拽。

$(function() {
// 初始化 draggable()
$("#draggable").draggable({
// 拖拽結束后，輸出拖拽元素的 id
stop: function(event, ui) {
console.log(ui.helper.attr("id"));
}
});
});

在使用 draggable() 方法時，需要傳入一個對象，其中 stop 是事件，代表拖拽結束后執行的操作。在這里，我們通過 ui.helper.attr("id") 獲取到拖拽元素的 id，并輸出到控制臺中。

至此，實現拖拽 id 功能就完成了。