如何分別將可拖動的元素附加到多個可拖動的div上

我的拖動式元素有一點問題，它涉及多個可拖動的div。我想製作代碼，以便我可以附加到任何可放置的div，而不會影響其他可放置的div。我認爲我所要做的只是包括我想成爲可投入的div的那些盒子的id，那就行得通了。如何分別將可拖動的元素附加到多個可拖動的div上

$('#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的受到影響。我很想知道如何解決這個問題，知道不要再犯這個錯誤以及其他任何提示。

來源

2012-11-01 Octavius

你的問題是這條線的位置：

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

這意味着將其追加到所有這些因素。也許你應該使用$(this)或$(e.target)代替選擇器。這意味着它只會附加到被放置的元素上。

來源

2012-11-01 06:25:56 koostudios

謝謝@koostudios。 – Octavius

不客氣@Octavius！ – koostudios

真的很快，我怎麼能追加元素只有一次？ @koostudios – Octavius

使用這個....這裏是小提琴

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

改變

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

到

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

烏爾追加HTML到上述所有元素$（」 #sortcard，＃dropbox，＃dropbox1'）。使用$（this）將內容刪除到選定的eleements只有

來源

2012-11-01 06:35:55 bipen

如何分別將可拖動的元素附加到多個可拖動的div上

回答

相關問題