stop()函数中的ui.helper索引

时间:2017-08-16 18:00:30

标签: jquery jquery-ui jquery-ui-draggable

尝试在以下示例中获取索引是疯狂的。我正在使用这个基本代码:

http://jqueryui.com/draggable/#sortable

stop()事件中,我试图知道拖动的新元素的索引是什么。例如:

[Drag me down]
-------------
[Item 1]
[Item 2]
[Item 3]
[Item 4]

如果我在Item 2Item 3之间以某种方式发布新项目,我需要获得2。如下所示,ui.helper.index()无效,因为它返回原始元素的索引([Drag me down]元素):

$( ".sortable" ).sortable({
        // ...
        receive: function( event, ui ) {
            var indexAtReceive = $(this).data("ui-sortable").currentItem.index();
        }
    });

    $( ".draggable" ).draggable({
        // ...
        stop: function( event, ui ) {
            // Here indexAtStop is the index of the original element, 
            //but not the new dragged element
            var indexAtStop = ui.helper.index();
        }
    });

如果您需要更相关的代码或测试,请告诉我。提前谢谢。

1 个答案:

答案 0 :(得分:1)

在这种情况下你想要ui.item.index()在你的停止功能

$( ".draggable" ).sortable({
    // ...
    stop: function( event, ui ) {
        var indexAtStop = ui.item.index();
    }
});