Comment déposer un objet plus grand sur un objet plus petit à proximité du bord de l'enceinte?

Question

J'essaie de déposer une grande boîte sur une petite boîte. La grande boîte semble être «sur» la boîte seulement quand son centre est à l'intérieur de la plus petite boîte. Est-ce que je peux changer la partie de la grande boîte qui doit être plus petite que la plus petite?

Pourquoi? Parce que tout fonctionne bien jusqu'à ce que j'ajoute un confinement. Lorsque la petite boîte est près du bord de l'enceinte, le centre de la grande boîte ne peut pas entrer à l'intérieur du petit parce qu'il touche le bord de la zone.

Pas vraiment de code à afficher. Il est juste quelque chose comme:

$(bigbox).draggable({ 
    containment: $("#container") 
}) 

$(smallbox).droppable({ 
    drop: dropped-function 
}) 

Answer 1

Si je comprends bien, vous voulez regarder le droppable method's options, en particulier tolerance. La valeur par défaut est intersect, ce qui signifie que la grande boîte doit chevaucher la petite boîte d'au moins 50%. La définition de la tolérance à touch permet de laisser tomber la grosse boîte sur la petite boîte lorsqu'elle chevauche la plus petite boîte.

J'espère que cela aide.