如何将可排序项目的索引拖入新列表？

Question

我有2个带有单向连接的JQueryUI可排序列表：

$("#sortable1").sortable({
  connectWith: "#sortable2",
});

$("#sortable2").sortable({
  receive: function(event, ui) {
    //returns the idx of the ui.item in #sortable1
    var idx = Number($("#sortable2 > div:visible").index(ui.item)) + 1;
    console.log(idx);
  }
});

如何获取#sortable1上#sortable2项目放置位置的索引 我尝试使用receive方法并搜索被拖动的ui.item（）的索引，但后来发现ui.item指的是被拖动的项目，而不是项目被丢弃。

提前致谢。

修改
我真的在移动portlet。道歉，我（愚蠢地）假设我上面的例子会复制我所遇到的问题。 jsFiddle problem here