The jqDnR plugin does not work with jQuery 1.4

Question

I use the jqModal plugin, which relies on jqDnR to support drag and drop and resize. After I upgraded jQuery to 1.4, the modal blocks stopped responding to the drag and drop event. Does anyone know why this is happening?

Thanks..

Answer 1

Using the version downloaded directly from the author’s website ( here ), in lines

19, symbol 38

and

27, symbol 23.

Replace

$() 

from

 $(document) 

How I got jqDnR to work with 1.4

Answer 2

see jQuery 1.4 release announcement - backward incompatible changes.

Weve also wrote a plugin which provides backward compatibility with all possible changes that weve made in 1.4. Feel free to download and enable this plugin after you have enabled 1.4, if you have any updates to 1.4.

How to use the plugin:

 <script src="http://code.jquery.com/jquery.js"></script> <script src="http://code.jquery.com/jquery.compat-1.3.js"></script> 

enable it or wait for the new version of compatible version 1.4 that you are using.

Answer 3

I used jqDnR, jqModal and jQuery for several months and had problems with drag and drop in Safari / Chrome or stuck in Firefox. I recommend switching to jQuery UI Draggable ...

http://jqueryui.com/demos/draggable/

I think that many of the functions that were originally in jqDnR / jqModal have been ported to ui-draggable. The switch was not too hard. The only downside (which is also in jqDnR) is the use of iframes in the draggable container. If the mouse moves too quickly to the iframe using the drag handle (or the drag area containing the iframe), the iframe seems to take away the mouse action and the drag hangs until you enter the drag area again. This requires a bit of hacking ...

Problem using jQuery UI.Resizable () and UI.Draggable () with iFrame

After you raise the hack, performance is better.