javascript - jquery 无法在 Sortable 中获取拖动项目 ID

Question

我在获取“可排序”中拖动项目的 ID 时遇到问题，你能帮我解决这个问题吗？

<script>
$(document).ready(function(){
    $("#div1,#div2,#div3").sortable({
        revert: true,
        accept: '.draggable',
        connectWith: [".sortable_div"],
        receive: function(e, ui) { 
            var item_id = $(this).attr("id");
            var drag_id = $(ui.item).attr('id')
            alert('alert:'+item_id+' of '+drag_id);
        }
    }).disableSelection();
});
</script>


<div id="div1" class="sortable_div">
<span id="span1" class="draggable"></span>
</div>
<div id="div2" class="sortable_div">
<span id="span2" class="draggable"></span>
</div>
<div id="div3" class="sortable_div">
<span id="span3" class="draggable"></span>
</div>

Answer 1

获取可拖动项id:

var drag_id = $(ui.item).attr("id");