Javascript 获取JQuery中拖动项的位置

将项目拖动到新位置时，我希望输出项目的新位置。比如说

Col=1 位置=3

这意味着小部件已移动到第三列

我正在使用这个脚本

我认为最好的地方是在下面这一点。不管我怎么努力

ui.item.index

来获取新位置，这只会给我值-1，而不是被拖动对象的位置。有什么想法吗

$(settings.columns).sortable({
    items: $sortableItems,
    connectWith: $(settings.columns),
    handle: settings.handleSelector,
    placeholder: 'widget-placeholder',
    forcePlaceholderSize: true,
    revert: 300,
    delay: 100,
    opacity: 0.8,
    containment: 'document',
    start: function (e,ui) {
        $(ui.helper).addClass('dragging');
    },

    stop: function (e,ui) {
        alert("New position: " + ui.item.index());
        $(ui.item).css({width:''}).removeClass('dragging');
        $(settings.columns).sortable('enable');
    }
});

---

查看Netuts网站上的演示：

ui.item

已经是一个jQuery对象，因此您可以引用它

列的基于0的索引位置：

ui.item.parent().parent().children().index(ui.item.parent())

ui.item.parent().children().index(ui.item);

项的基于0的索引位置：

ui.item.parent().parent().children().index(ui.item.parent())

ui.item.parent().children().index(ui.item);

---

因此，如果要在第一列中的“Welcome to iNettuts”（欢迎使用iNettuts）下方拖动一个项目，则上述代码将为列返回

0

（因此为第一列），为项目位置返回

1

（因此为列中的第二个项目）

仅通知您：该脚本当前无法在Internet Explorer 9上工作-拖动功能无法工作

我发现了以下“解决方法”：

加

---

您是否可以将此示例发布到jsfiddle.net这样的网站，以便我们可以查看结果和html标记？可能与