this works in all jQuery versions prior to 1.7.x. when you press the left mouse button, on the blue div below, it creates a div, makes it draggable, and delegates the mousedown event to it, which causes a drag to begin. then without letting go of the mouse button you can drag that div around. in 1.7.x you have to release the mouse button and then click back on the newly created element on order to start a drag.

see the 1.6.3 version

in 1.7.x, though, there's some stuff in the trigger method that causes it to fail. First there is the problem that it tests for e.isPropagationStopped(), which it is, of course, since we really want to consume the event. Second, it uses a regex called 'rfocusMorph' to determine which element to look for event handlers for, the result of which being that it decides to look on the parent of the element on which we need the event to fire! in the case of this page, that's the document body, which of course already has a mousedown handler. so if e.stopPropagation() is called, then you'd get into an infinite loop (except for the fact that it tests against e.isPropagationStopped(), which returns true, so it never tries to execute).

the rfocusMorph regex looks like this:

rfocusMorph = /^(?:focusinfocus|focusoutblur)$/

at the point that it is called, our value is "mousedownmousedown", so it fails:

cur = rfocusMorph.test( bubbleType + type ) ? elem : elem.parentNode;

The rFocusMorph regex looks to be basically wrong