限制拖放，只有当它完全在可删除的内部？

Question

看看这个演示，让我知道如何才能强制jQuery UI删除可拖内可拖，只有当可拖是完全在可下垂内？

$(function() {
        $( "#draggable" ).draggable();
        $( "#droppable" ).droppable({
            drop: function( event, ui ) {
                $( this )
                    .find( "p" )
                        .html( "Dropped!" );
            }
        });
    });

Answer 1

使用公差选项来适应。将脚本更改为

$( "#droppable" ).droppable({tolerance: "fit", drop: function( event, ui ) {
    $( this ).find( "p" ).html( "Dropped!" );
    }