Jquery ui 可删除排除特定部门

Question

例如：

<div class="droppable">
     <div class="except_this_div"></div>
</div >

对于上面的示例，我有一个 jquery ui 可丢弃事件，其中

不应发生丢弃事件

$('.droppable').droppable({});

我只需要为 <div class="except_this_div"></div>

排除掉落物

Answer 1

您可以使用 jquery ui 可拖动还原功能来完成此操作。

HTML

<div class="droppable">
  <div class="except_this_div"></div>
</div>
<div class="draggable">

JQuery

var revert;

$('.droppable').droppable({  
            drop: function( event, ui ){
            revert = false;
        }
});

$('.except_this_div').droppable({
  greedy: true
});

$('.draggable').draggable({
  revert: function(){
    return revert;
  },
  start: function(){
    revert = true;  
  }
});

Fiddle:

https://jsfiddle.net/qL0tb12h/2/