无法在多列可排序列表中拖放项目

Question

我的问题很简单。

我希望能够在使用 jQuery 可排序之间对三列进行排序，但由于某种原因，这些项目不会开始拖动。我已经在 stackoverflow 上搜索了答案，但我认为我做的一切都是正确的。

• 我正在设置列的最小高度
• 我已在可排序项上设置填充/边距
• 我为可排序的 UI 命令使用了正确的选项

我能够使用 jsbin 重现问题

有人可以快速查看一下并告诉我我做错了什么吗？

jsbin example

Answer 1

你只需要把你的 init 函数包装在里面

$(document).ready(function(){
  $('.column').sortable({
    connectWith: '.column'
  });
});

或快捷方式

$(function(){
  $('.column').sortable({
    connectWith: '.column'
  });
});

...那么它对我来说工作正常（http://jsbin.com/avikos/6/edit）。

否则会在引用的 DOM 元素被渲染之前执行，因此不会被绑定。