How to make a jquery object un-draggable?

Question

Hi,

Looking at the jquery demo at http://jqueryui.com/demos/droppable/#photo-manager, I'm trying to make the images in the Trash undraggable and am unable to do so. I've changed the demo so that the Gallery is no longer droppable, but the items in the Trash still follow my cursor if I mousedown. Of course, they have nowhere to go, so they revert back, but is there a way to make them ignore the mousedown to begin with?

Thanks for any info, -Tony

Answer 1

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

In the case of the demo, this line:

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

Needs to change to:

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

I haven't tested, but it should work

Demonstration

Is that what you want? Also added #trash .gallery li img {cursor: default;} to the css.