javascript - jQueryUI - ドラッグ アンド ドロップの問題 - ドラッグされた要素が他の DOM 要素の背後にある

Question

2 つの Div 間でドラッグ アンド ドロップを実装しようとしています。

以下の私のフィドルを参照してください： http://jsfiddle.net/sandeepkram/SAUCa/

このレイアウトは、私のアプリケーションのレプリカです。フィドルでは、最初の div (左側) 内で要素をドラッグすると、その要素はその div 内で永遠に移動し続けることがわかりますが、マウスを動かして右側の div にドラッグ アンド ドロップすると、実際には仕事。

ここでの問題は、左側の div 内の要素の無期限のスクロール/ドラッグです。ここで何が問題なのかわかりません-

私のアプリケーションでは、別の問題があります。左側の div から項目をドラッグすると、右側の div にカーソルをドロップすることはできますが、ドロップが正しく機能しているように見えます。

ドラッグされた要素が消える理由を知るには助けが必要です。

これに関連するすべての質問とリソース、sortables などを stackoverflow とネットで調べましたが、役に立ちません。

「スタック」オプションも使用しようとしましたが、使用できません

$.each($("ul#secondaryKPIList ul > li"), function (index, tListItem) {
        $(tListItem).addClass("SecondaryKPIDraggable");
        $(tListItem).draggable({
        revert : 'invalid',
        stack: '.SecondaryKPIDraggable'
        });
    });