私はこの特定の問題を抱えています:ドラッグ可能なものをドロップ可能なものにドロップしてから、このドラッグ可能なものを削除すると(ドラッグ可能なものは「ファイルとフォルダー」であり、ドロップ可能なものは「ごみ箱」です)、「ドロップイベント」のコールバック内で、javascript無限ループに陥ります。私の正確なコードは次のとおりです。
$("#trash").droppable({
over : function () {$("#trash").addClass("over")},
out : function () {$("#trash").removeClass("over")},
drop : function (e, ui) {
$("#trash").removeClass("over");
var id=$($(ui.draggable).parent()).attr("id"), fl=false;
$($(ui.draggable).parent()).hide();
$(".ui-draggable-dragging").remove();
if (id[1]=='l') {
fl=true;
id=flid(id);
}else{
id=fid(id);
}
$.post("ajax/recycle_file.php", {fid : id, folder : fl}, function (data) {
var elid=$($(ui.draggable).parent()).attr("id");
$("#"+elid).draggable("destroy");
$("#"+elid).remove(); //Here is where the endless loop starts
});
}
});
Google Chrome の JavaScript コンソールから表示されるメッセージは次のとおりです。
Uncaught TypeError: Cannot read property 'options' of undefined