Question

我有以下代码：

可放置区域

$( "#droppable1" ).droppable({
        drop: function( event, ui ) {
            $( this )
                .addClass( "ui-state-highlight" )
                .find( "p" )
                .html( "Dropped!" );
        }
    });

$( "#droppable1" ).on( "dropout", function( event, ui ) {
                 $( "#droppable1" )
                .removeClass("ui-state-highlight").find( "p" )
                .html( "Drop Here" );
   });

可拖动项目

$( "#draggable1" ).draggable({ 
     snap: ".ui-widget-header", 
     snapMode: "inner", 
     axis: "y", 
     containment: "#containment-wrapper", 
     scroll: false 
});

一切正常但我无法理解或弄清楚如果某个项目已经droppable进入dropped，我会阻止#droppable1空间接受多次丢弃。

如何修改代码以防止drop接受不止一个.return？
是否可以使用$(".drop-zone").droppable({ drop: function(event, ui) { $(this).droppable('option', 'accept', ui.draggable); }, out: function(event, ui){ $(this).droppable('option', 'accept', '.drag-item'); } });选项如果一个人试图放弃一个额外的项目，它只会恢复回到原来的位置？

修改

$( "#droppable1" ).droppable({
        drop: function( event, ui ) {
            $(this).droppable('option', 'accept', ui.draggable);
        },
        out: function(event, ui){
            $(this).droppable('option', 'accept', '.drag-item');
        }   

    });

}）;

以上内容来自下面列出的主题，但我很难用我的代码实现。

新代码

{{1}}

好的，所以我现在让代码在上面工作但实际上，我不认为，我需要的是什么。有没有办法阻止可拖动的项目实际被丢弃和/或在人口可填充的可投放空间上捕捉？

一如既往地谢谢，

小时。

jQuery阻止droppable接受多个项目

0 个答案: