jQuery - 領域内の要素のドラッグ - それ以上ドラッグできない

Question

私は3つのdiv領域を持っています。 jQuery UIでdraggable()の要素を作成すると、画面全体にドラッグできます。それを特別な領域にドロップすると、それ以上ドラッグすることはできません。

私は完全に動作するデモ作成：あなたは左の緑色の領域に配置されたドラッグ可能な要素を作成することができますがありhttp://jsbin.com/enusu4/2/

を。それを中または右の緑の領域にドラッグすると、要素をドラッグできません。

要素のzIndexをインクリメントしますが、機能しません。

誰でも私を助けることができますか、間違っていますか？

よろしくお願いいたします。

Answer 1

2番目と3番目のdivにz-index:-1;を追加します。