javascript - 无法使jQuery UI Sortable正常工作

我想在两行标签之间进行拖放。我就是无法正常工作。

我使用以下函数初始化我的两个列表

 $("#sortableInit, #sortableEnd").sortable({
   connectWith: "connectedSortable",
   dropOnEmpty: true
  }).disableSelection();

另外，一行CSS使它们成为水平的，而不是通常的垂直的（它们都是connectedSortable类）：

.connectedSortable > div { float: left; }

在下面的小提琴中，我将我想做的事情减到最少。

http://jsfiddle.net/kuK9x/9/

你能看到我显然想念的东西吗？

最佳答案

您的JavaScript面板中有一些语法错误。 （末尾缺少})）
另一个语法错误是connectWith: "connectedSortable"应该是connectWith: ".connectedSortable"

同样，您也应该将.connectedSortable设置为float，否则，容器的高度将为零，这将导致jQuery中讨论的错误。见ticket#4551

查看更新的fiddle

$(function () {
    $("#sortableInit, #sortableEnd").sortable({
        connectWith: ".connectedSortable",
        dropOnEmpty: true
    }).disableSelection();
});

和CSS

.connectedSortable {
    float:left;
}
.connectedSortable > div {
    float: left;
}