私はこれを始めたばかりですが、以下の非常に単純な例をどのように変更して、ドラッグ可能な div がドロップ可能な div に既に配置されている場合にアラートを発生させないようにすることができるか疑問に思っています。
<script type="text/javascript">
$(function () {
$("#draggable-1").draggable();
$("#draggable-2").draggable();
$("#droppable").droppable({
drop: function (event, ui) {
var currentId = $(ui.draggable).attr('id');
if (currentId == "draggable-1") {
$(this)
// would like to prevent this if draggable is already dropped!
alert("Adding Item #1.")
} else {
$(this)
alert("Adding Item #2.")
}
}
});
});
</script>
<table width="100%"><tr><th>Draggable</th><th>Order Section</th><tr><td>
<div id="draggable-1">
<p>Item #1</p>
</div>
<div id="draggable-2">
<p>Item #2.</p>
</div>
<div id="droppable">
<p>Add Your Item</p>
</div>