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

Question

我的问题很简单。

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

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

我能够使用 jsbin 重现该问题

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

jsbin 示例

Answer 1

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

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

或快捷版本

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

...然后它对我来说很好（http://jsbin.com/avikos/6/edit）。

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