Jquery sortable + draggable无法获取正确的事件目标id

Jquery sortable + draggable是一种基于Jquery库的插件，用于实现可拖拽和排序的功能。它可以让用户通过拖拽元素来改变它们的位置，并且可以对这些元素进行排序。

然而，有时候在使用Jquery sortable + draggable时，可能会遇到无法获取正确的事件目标id的问题。这个问题通常是由于事件冒泡和事件委托机制导致的。

事件冒泡是指当一个元素上的事件被触发时，它会向上级元素传播，直到传播到文档根节点。而事件委托是指将事件绑定到父元素上，通过事件冒泡来触发子元素上的事件处理函数。

在Jquery sortable + draggable中，当拖拽元素时，事件会触发在父元素上，而不是拖拽的元素本身。因此，如果直接使用事件目标的id来获取元素信息，可能会获取到父元素的id，而不是拖拽元素的id。

为了解决这个问题，可以使用事件委托机制来获取正确的事件目标id。具体做法是将事件绑定到父元素上，并通过事件对象的属性来获取拖拽元素的id。例如，可以使用event.target.id来获取事件目标的id。

以下是一个示例代码：

$("#parentElement").on("dragstart", ".draggableElement", function(event) {
  var targetId = event.target.id;
  // 处理拖拽元素的id
});

在上述代码中，我们将dragstart事件绑定到父元素#parentElement上，并通过事件对象event来获取拖拽元素的id。这样就可以正确地获取到事件目标的id。

对于Jquery sortable + draggable的应用场景，它常用于需要对元素进行排序或拖拽的界面交互，例如制作可拖拽的任务列表、拖拽排序的图片库等。

推荐的腾讯云相关产品和产品介绍链接地址如下：

1. 云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：云服务器产品介绍
2. 云数据库 MySQL 版（CDB）：提供稳定可靠的云数据库服务，支持高可用、备份恢复等功能。详情请参考：云数据库 MySQL 版产品介绍
3. 云存储（COS）：提供安全可靠的对象存储服务，适用于图片、音视频、文档等文件的存储和管理。详情请参考：云存储产品介绍

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。