2011-11-15 18 views
4

私はちょっとグーグルでしか答えが見つかりませんでした。jQuery:サイズ変更可能なドラッグ可能にドラッグ可能:ドロップ後に項目が消える

私はサイズ変更可能なdivを持っており、何かをドロップしたいと思っています。これまでのところうまくいきます。しかし、私がクローンヘルパーを使用すると、そのアイテムはドロップされると消えます。私は間違って何をしていますか?

$('#resizable').droppable({ 

    }); 

$('.base').draggable({ 
    helper: 'clone', 
    stack: '#resizable', 
    containment: '#resizable', 
    cursor: 'move', 
    appendTo: '#resizable' 
    }); 

私はappendToと一緒に試合を行いました。私はちょうどそれを働かせることができません...任意のアイデアは非常に感謝しています!

+0

多分にHTMLの一部を提供?だから私たちはあなたの努力がどんな要素に少しドラッグ/リサイズしようとしているのかを見ることができます:)おそらくそれは消え去ることはありませんが、その背後にあるdivにちょうど詰まってしまいます。 – Tessmore

答えて

1

我々が話題revert 'invalid' with grid doesn't return to start position with jQuery UI Draggableで同様の問題を議論していましたし、@GregLはこのための回避策を提供しました:http://jsfiddle.net/greglockwood/EBHWr/

を、私は、これはまさにあなたの状況だと思います。 droppabledropハンドラを定義する必要があります。これは、draggablehelper: "clone"というjQueryのバグのようです。

+0

私のサイズ変更可能divのドロップ可能コードを変更した場合、draggableはもうdraggableではありません...私は問題をクリアするためにjsFiddleに投稿します:) thxこれまでのところ! –

+0

もう一度、ありがとう - 私はちょうどヘルパーラインのコメントを外して[jsFiddle](http://jsfiddle.net/Florian_Kratschmann/eTqZ2/1/)を作成し、私の問題を参照してください... –

9

私はあなたのドロップ可能のオプションに以下を追加しようとするだろう:

$('#resizable').droppable({ 
    drop: function(event, ui) { 
     $.ui.ddmanager.current.cancelHelperRemoval = true; 
    } 
}); 
関連する問題