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

Question

我想要两行标签，您可以在它们之间拖放。我只是无法让它工作。

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

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

此外，一行 CSS 使它们成为水平而不是通常的垂直(它们都属于 connectedSortable 类):

.connectedSortable > div { float: left; }

在下面的 fiddle 中，我已将我想做的事情精简到最少。

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

你能看出我遗漏了什么吗？

Answer 1

您的 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;
}