movie-torrentz
New Member
I am having difficulty trying to disable the list elements from being dragged by the icon.Each li has an icon, when clicked either removes or adds it into another list. However if you drag by its icon it removes or adds the item.I want to be able to drag the li around, but stop the icons from being dragable on the li's.I have a demo:http://jsfiddle.net/w3vvL/27/I have tried a number of things with no success and I cant figure it out: - \[code\] $( "#gallery li" ).draggable({ cancel: "a.ui-icon", revert: "invalid", containment: "document", helper: "clone", cursor: "move" }); $( ".ui-icon" ).disableSelection(); //Get Dropped Item $("#trash").droppable({ drop: function(event, ui) { $(ui.draggable).stop(); } });\[/code\]Any help would be greatly appreciated!