jquery - Jqueryのドロップ可能な伝播

Question

メニュー内の要素をドロップ可能にしようとしています。ページの右下に 3 つの div を絶対位置に配置します。

参照: http://img600.imageshack.us/img600/9927/sinttulo1vv.png

緑色の div は、検出用の div です。

   $("#green" ).droppable({
        accept: "div.widget",
        tolerance: 'pointer',


        over: function(event, ui) {
        // show the red div
        }
});

赤い div はメニューで、最初は何も表示されませんが、緑の div が終わるとこれが表示されます。

青い div は、out を検出するためのものです。

  $("#blue").droppable({
        accept: "div.widget",
        tolerance: 'pointer',

        out: function() {
        // Hide the red div.
        }
});

問題は、メニューに何かをドロップすると、最初にこのドロップ可能オブジェクトが検出され、ドロップされず、オーバーイベントとアウトイベントが発生しますが、ドロップされないことです。

私は貪欲なオプションを試していますが、何もしません:S

誰かが私を助けることができますか？ありがとう！