0

ドラッグ可能な要素が複数のドロップ可能な div に追加されることに少し問題があります。他のドロップ可能な div に影響を与えることなく、任意のドロップ可能な div に追加できるようにコードを作成したいと考えています。私がしなければならなかったのは、ドロップ可能なdivにしたいボックスのIDを含めることだけであり、それでうまくいくと考えました。

$('#sortcard, #dropbox, #dropbox1').droppable({accept:'.sorting', hoverClass:'border', tolerance: 'touch',
    drop: function (e, ui){
    $('#sortcard, #dropbox,#dropbox1').append(ui.draggable.html() + '<br/>');
    $("#add_friend").show().fadeOut(12000);
    }
    });

しかし、ここで見られるように、問題は、1 つのボックスだけがタッチされたときにすべての div が影響を受けることです。これを修正する方法と、この間違いを繰り返さないための知識、およびその他のヒントを知りたいと思います.

4

2 に答える 2

2

あなたの問題はここにあるこの行です：

$('#sortcard, #dropbox,#dropbox1').append(ui.draggable.html() + '<br/>');

これは、これらすべての要素に追加することを意味します。おそらく、代わりに$(this)または$(e.target)セレクターに使用する必要があります。つまり、ドロップされる要素にのみ追加されます。

于 2012-11-01T06:25:56.447 に答える
0

これを使用してください....ここにフィドルがあります

http://jsfiddle.net/Kxtvg/83/

かわった

$('#sortcard, #dropbox,#dropbox1').append(ui.draggable.html() + '<br/>');

に

$(this).append(ui.draggable.html() + '<br/>');

上記のすべての要素にhtmlを追加しています$('#sortcard, #dropbox,#dropbox1')。を使用$(this)すると、選択した要素にのみコンテンツがドロップされます

于 2012-11-01T06:35:55.630 に答える