最後にドロップされたドロップ可能な要素をエコーアウトするスクリプトがあります。最後の要素がドロップされたときに、最後にドロップされた要素の前にドロップされたすべての要素がエコーアウトされるようにします。これは、スクリプトからエコーアウトを除いたものです。以下は、問題を含むjavscriptです。
$('#dropbox, #dropbox1').droppable({
accept: '.sort',
hoverClass: 'border',
tolerance: 'touch',
drop: function(e, ui) {
$(this).append(ui.draggable.html() + '<br/>');
$("#add_friend").show().fadeOut(12000);
$(e.target).droppable("disable");
$(e.target).append("<input type='button' name='Sub' value='clear'/>").click(function() {
$(this).empty().droppable("enable");
});
var dropbox = $('#dropbox').html();
var dropbox1 = $('#dropbox1').html();
if(dropbox && dropbox1 !== ''){
$.post("account_main.php",
{data: $(this).text()},
function(data) {
//alert("Data saved.");
$('#demo').html(data);
});
}
}
});
問題は確か{data:$this.text()}
ですが、最後のドロップ可能な要素がドロップされたときに、他のドロップされた要素をエコーする方法について頭を悩ませています。