divの間でdraggableを作成する方法

Question

2つのdiv間で要素をドラッグ可能にするにはどうすればよいですか？これはdraggablesがすべきことであると思われる。しかし、私が持っているコードでは、私はできなかった。このjsfiddleには、ドラッグ可能な要素を持つ2つのdivがあります。私は1つの要素を最初のdivから2つ目のdivに移動させたい。その機能は多くのWebサイトに存在する必要があります。

ここにはコードのjsfiddleがあります。

http://jsfiddle.net/gkvgn/9/

私は前に尋ねたと誰かがその機能を持ってする方法を知っているだろうと思っています。私が持っているコードが正しい方法でない場合、その機能を持つためにはどのように要素とドラッグ可能な包含オプションを定義しますか？

Answer 1

最後に問題が見つかりました。コンテナdivにoverflow: hidden;を指定すると、ドラッグ可能領域がコンテナのみに制限されます。スタイルからその仕様を削除した場合。要素はdiv間でドラッグ可能です。ここにフィドルがあります。

http://jsfiddle.net/gkvgn/10/

Answer 2

ここで答えた同様のスタックオーバーフローの問題があります：jquery ui draggable elements not 'draggable' outside of scrolling div

は、私は自分のプロジェクトで上記のソリューションを導入し、それは美しく働きました。

封じ込めをウィンドウやドキュメントに設定した場合、cross-divドラッグを許可する必要があると私は同意します。私はあなたがあなたのdivに保持したいコンテンツの量のために隠されたままオーバーフローを好むだろうと想像します。