I've created a layout which is horizontal draggable:

To do this I've used a jQuery plug-in called drag-on.js (http://dragon.deparadox.com).

The effect of the drag works fine, the problem is you need to find 'a gap' for it to work. Clicking another element (anchor/text/img) doesn't register the drag. So I need a way of cancelling the click event if the left mouse button is held and dragged.

Does anyone have any ideas on how to do this? I've heard about e.preventDefault() but don't know anything about it or if it's the way to go with this.

Thanks in advance!