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>

排除dropable

Answer 1

您可以使用jquery ui draggable revert函数完成此操作。

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/