無法拖放多列可排序列表中的項目

Question

我的問題很簡單。

我希望使用jQuery sortable在三列之間進行排序，但是由於某些原因，這些項目將不會開始拖動。 我在這里在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元素之前執行，因此不綁定。