我如何找到一个新的div id的元素移动与Jquery排序

Question

我想知道我刚刚移动的元素的新位置(div id)

我该怎么做呢?

http://jqueryui.com/demos/sortable/空链表

<script>
    $(function() {
        $("#sortable").sortable({
    update: function(event, ui) {
        alert("New position: " + ui.item.index());
    }
});
        $( "ul.droptrue" ).sortable({
            connectWith: "ul"
        });
        $( "ul.dropfalse" ).sortable({
            connectWith: "ul",
            dropOnEmpty: false
        });
        $( "#sortable1, #sortable2, #sortable3" ).disableSelection();
    });
    </script>

<ul id="sortable1" class='droptrue'>
    <li class="ui-state-default">Can be dropped..</li>
    <li class="ui-state-default">..on an empty list</li>
    <li class="ui-state-default">Item 3</li>
    <li class="ui-state-default">Item 4</li>
    <li class="ui-state-default">Item 5</li>
</ul>
<ul id="sortable2" class='dropfalse'>
    <li class="ui-state-highlight">Cannot be dropped..</li>
    <li class="ui-state-highlight">..on an empty list</li>
    <li class="ui-state-highlight">Item 3</li>
    <li class="ui-state-highlight">Item 4</li>
    <li class="ui-state-highlight">Item 5</li>
</ul>
<ul id="sortable3" class='droptrue'>
</ul>

Answer 1

在您的回调中，您可以使用event.pageX和event.pageY来确定相对于页面的偏移量

Answer 2

一旦在页面中实际存在的元素上调用sortable()，您的代码就可以完美地工作了:

$("#sortable2").sortable({
    update: function(event, ui) {
        alert("New position: " + ui.item.index());
    }
});