Php 没有被其他拖拽掉 ​ $（功能（）{ $（“.drag”）.draggable（）； $（“#可拖放td”）。可拖放({ drop：函数（事件、用户界面）{ log（$（this））； } }); });​

我如何禁用Drop.drag（拖放到其他对象上）。拖动？例如，如果我在字段a1上放置red框，则框绿色和蓝色不应在a1到a4的字段上放置

<div class="drag" style="height: 80px; width: 30px; background-color: red"></div>
<div class="drag" style="height: 30px; width: 30px; background-color: green"></div>
<div class="drag" style="height: 120px; width: 30px; background-color: blue"></div>

<table id="droppable" border="1">
    <tr> <td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr> <td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr> <td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr> <td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr> <td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr> <td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>

​    $(function() {
        $( ".drag" ).draggable();
        $( "#droppable td" ).droppable({
            drop: function( event, ui ) {
                console.log($(this));
            }
        });
    });​

$(function() {
        $( ".drag" ).draggable();
        $("#droppable td:not(.notAvailable)").droppable({
            drop: function( event, ui ) {
                console.log($(this));
                //add class notAvailable to current td

            }
        });
    });​