Question

Sorry, I really have no idea how to phrase this, so apologies for the long title. I have a table column filled with divs that are sortable (using the jquery ui sortable plugin). Each of those divs has an image child. Currently, when I attempt to drag the div by clicking on the image portion of the div, the div does not drag. Obviously, I want to div to drag when I click on the image (or any portion of the div). Any suggestions?

Answer 1

Try this:
If you are doing something like $('#thelist').sortable();, do the following too:

$('#thelist img').mousedown(function(event) {
  event.preventDefault();
});

This will prevent normal behaviour on all the images inside the list (which is, at least on Chrome and Firefox, to start dragging the image).