sortable - 获取放置项指针答案

【问题标题】：sortable - get drop item pointersortable - 获取放置项指针
【发布时间】：2018-11-30 14:03:42
【问题描述】：

我正在使用可排序的 jQuery 进行拖放。

当我点击某个元素时，我可以使用 jQuery "$(this)" 来获取特定的元素指针。

在我将物品放入某个放置区后，有什么方法可以得到相同的东西吗？是否有一个“$(this)”会指向我刚刚掉落的物品？

$(document).ready(function() {  

    $( ".dropZone" ).sortable({
        revert: true,
        update: function(event, ui) {

            var dropZoneID = event.target.id;
            var drag_item_ID = ui.item.data('id');
            var pos = (ui.item.index())+1;
            var data = $(this).sortable('serialize', {
              attribute: "data-id"
            });
    });
});

HTML - 拖动项目：

<div class="panel panel-info attrac-clone" data-id="attrac-2" data-pos="">

    <div class="panel-heading">
        HEADER TITLE
    </div>

    <div class="panel-body">PANEL BODY TEXT</div>

</div>

【问题讨论】：

标签： jquery drag-and-drop jquery-ui-sortable

【解决方案1】：

传递的ui 参数的item 属性是对您刚刚排序的元素的引用。因此你可以使用$(ui.item).closest('.dropZone')，像这样：

$(".dropZone").sortable({
  revert: true,
  update: function(e, ui) {
    var dropZoneID = e.target.id;
    var drag_item_ID = ui.item.data('id');
    var pos = ui.item.index() + 1;
    var data = $(ui.item).closest('.dropZone').sortable('serialize', {
      attribute: "data-id"
    });
  }
});

【讨论】：