Comment rendre un objet jQuery irrécupérable?

Question

J'essaye de modifier le jQuery-ui Photo Manager demo de sorte que les images dans la corbeille soient undraggable mais je suis incapable de faire ainsi. J'ai changé la démo pour que la galerie ne soit plus droppable, mais les objets dans la corbeille suivent toujours mon curseur si je souris. Bien sûr, ils reviennent parce qu'ils n'ont nulle part où aller, mais y a-t-il un moyen de leur faire ignorer le mousedown pour commencer?

Answer 1

voir http://jqueryui.com/demos/draggable/#option-cancel

Dans le cas de la démo, cette ligne:

cancel: 'a.ui-icon',// clicking an icon won't initiate dragging 

doit changer pour:

cancel: 'a.ui-icon, #trash li', // add selector for items in trash 

Je ne l'ai pas testé, mais il devrait fonctionner

Demonstration

Est-ce ce que vous voulez? Également ajouté #trash .gallery li img {cursor: default;} au CSS.