sortable - 获取掉落物品指针

Question

我正在使用 jQuery sortable 进行拖放。

当我点击某个元素时，我可以使用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>

Answer 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"
    });
  }
});

sortable - 获取掉落物品指针

sortable - get drop item pointer

jquery

drag-and-drop

jquery-ui-sortable