Question

I used mouseup/down/move to manually implement jQuery.draggable functionality. Everything was working fine until I tried to move my div inside a jQuery popup window.

After moving the div

dialogOpenMultiple("Title", "1234", "<div id=\"include\"></div>");
$('.autosize').appendTo('#include');

I faced two problems:

1. Firstly, the cursor is not moving bellow my mouse cursor because of some issue with offset and pageX, pageY.

2. While mousemove is working mouseup / drag / mousedown is not working because of the default browser’s functionality which selects and tries to move the actual picture.

Please look the not working sample here:

– Sample

Working sample:

– Sample

Answer 1

updated fiddle showing working draggable.

http://jsfiddle.net/NMpwU/1/

added e.preventDefault(); to mousedown function and changed the if (newdiv == null) to if (newdiv === null)