0

ここで、ドラッグ可能なものとドロップ可能なものがあるところで問題が発生しています。奇妙なことは、コンテナーにドロップすると、ドラッグ可能なものを再作成して元に戻す必要があることです。

基本的に私は起源を持っています

$("#mykeys ul li").draggable({
revert:"invalid",
helper: "clone",
cursor: 'move'});

それから私はドロップ可能なブロックを持っています。私が抱えている問題は、実際のドロップ可能なブロックを互いにドラッグ アンド ドロップする方法です。

基本的に、オリジンからクラスコンテナにドラッグアンドドロップできますが、クラスコンテナ間でドラッグアンドドロップすることはできません

sortables を使用する必要がありますか?

これがJSフィドルです

http://jsfiddle.net/rmatakajr/FN7Xx

お手伝いありがとうございます

4

1 に答える 1

1

試す

$(".drop-container").droppable({
    activeClass: "ui-state-highlight",
    accept: "#mykeys ul li, .drop-container li",
    //connectWith: ".drop-container",
    drop: function (event, ui) {
        $(this).empty();
        $(ui.draggable).appendTo(this);
    },
    out: function (event, ui) {
        console.log('dragged out');
    }
});

デモ:フィドル

于 2013-09-27T06:40:46.680 に答える