Dropfähig, Paramter „hoverclass“ mit der Bedingung, jQuery UI

Question

Ich habe folgende html:

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

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

Ich brauche Hover-Stil verwenden nur aktiviert, wenn Form von ziehbar und abwerfbaren Objekt übereinstimmen.

Ich bin mit jQuery UI Drag-and-Drop-

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

Vielen Dank im Voraus.

Answer 1

Verwenden Sie die Option accept wie:

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

Wenn Sie so viele Formen haben, definieren die Beziehungen als ein Array von Schlüssel-Wert-Paaren, über sie iterieren und initialisieren sie als abwerfbaren.