jQuery and iframes and weird positioning: is there a workaround?

Question

I\'ve got a draggable thing outside an iframe, and a droppable target inside it. Here I\'ve shown the iframe as containing a snippet of the HTML that is loaded by its src at

Answer 1

You're trying to access the parent element from within the child iframe. I haven't personally tested it, but try to set context for your jquery selector. Otherwise, it'll look only inside the current iFrame.

$('#draggables img', parent).draggable();

Answer 2

It was asked a long ago, but digging SO I found a GIST where people solved this problem by overwriting the default behavior of $.ui.ddmanager.prepareOffsets.

You can find the working code here: https://gist.github.com/gujiman/581a3cee1dbf4beafccb