¿Cómo aceptar condicionalmente elementos en jQuery droppable?

How to conditionally accept elements in jQuery droppable?

If you want the droppable to accept a selection of elements you can do something like this: This droppable will accept elements with the class “foo” or an element with the id “bar” If I understand your question correctly, you want to conditionally accept the dropped element based on custom code.

jQuery UI facilitates you to use droppable () method to make any DOM element droppable at a specified target. You can use the droppable () method in two forms: 2. $ (selector, context).droppable (“action”, params) Method The droppable (options) method specifies that you can use an HTML element as an element in which you can drop other elements.

Just enable all the .drop-zone’s when hovered over them, and then check if the currently hovered .drop-zone contains a draggable element This solution solves a major bug in Likwid_T’s answer. This way the accept funcion return true only when no elements have been dropped yet.

Update the droppable when an element is dragged over it Update the droppable when an element was dropped onto it Each droppable will accept only one dropped element at a time The container that originally held the droppables will change appearance when empty

If we set the greedy to true then parent element ( droppables ) can’t receive the draggable element. By using event.target.id we will display the id of the droppable elements which are received the draggable element. When draggable is hovering over the droppable , the class specified by hoverClass is applied.

Default: false. By default, when an element is dropped on nested droppables, each droppable will receive the element. However, by setting this option to true, any parent droppables will not receive the element.