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

Question

我的问题非常简单。

我有三列我希望能够在使用jQuery sortable之间进行排序，但由于某种原因，这些项目不会开始拖动。我在这里搜索了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元素之前执行，因此没有绑定。