Jquery ui droppable 排除特定部门

Question

例如：

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

对于上面的示例，我有一个 jquery ui droppable 事件，其中不应该发生丢弃

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

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

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;  
  }
});

小提琴：

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