Search code examples
jqueryjquery-ui-sortablejquery-ui-draggablejquery-ui-droppable

jQuery UI : sortable and draggable behaviour while dropping object

When working with jQuery sortable, draggable and dropable.

  1. Dropping a sortable item in sortable.
  2. Dropping a draggable in a droppable.

The container in which we are dropping any object, only accepts it if the center position of that object lies in the bounderies of container.

Sorry the above statement is too much complex please see below picture.

How can we change the point of acceptance?

enter image description here

Solution

  • You can use the tolerance option (droppable, sortable).

    • droppable() supports fit, intersect, pointer and touch.

    • sortable() only supports intersect and pointer.

    intersect is the default for both widgets.