javascript - 如何分别将可拖动元素附加到多个可放置 div

Question

我的可拖动元素有点问题，因为它附加到多个可放置的 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);
    }
    });

但如所见HERE问题是当只触摸一个框时，所有的 div 都会受到影响。我很想知道如何解决这个问题，知道不再犯这个错误以及任何其他提示，我会很高兴并且很感激。

Answer 1

你的问题是这里的这一行:

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

这意味着将它附加到所有这些元素。也许您应该使用 $(this) 或 $(e.target) 作为选择器。这意味着它只会附加到被放置的元素上。