jquery - 複数列の並べ替え可能なリストで項目をドラッグ アンド ドロップできません

Question

私の問題は非常に単純です。

jQuery sortable を使用してソートできるようにしたい 3 つの列がありますが、何らかの理由でアイテムのドラッグが開始されません。ここでスタックオーバーフローで答えを検索しましたが、すべてを正しく行っていると思います。

• 列の最小高さを設定しています
• ソート可能なアイテムにパディング/マージンを設定しました
• ソート可能な 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要素がレンダリングされる前に実行されるため、バインドされません。