Droppable，paramter＆＃34; hoverClass＆＃34;有条件，jQuery UI

Question

我有以下html：

<div class="square draggable"></div>
<div class="circle draggable"></div>

<div class="square_box droppable"></div>
<div class="circle_box droppable"></div>

只有当draggable和droppable对象的形状匹配时才需要启用悬停样式。

我正在使用jQuery UI拖放

jQuery('.droppable').droppable( {
  ***
  hoverClass: 'hovered',
  ***
});

提前谢谢。

Answer 1

使用accept选项，例如：

$('.square_box').droppable({
   accept: '.square'
});

如果您有这么多形状，请将关系定义为键值对数组，迭代它并将它们初始化为droppable。