Jquery Sortable And Draggable Between Parent And Child Frame

I am trying to implement jQuery Draggable|Droppable|Sortable between a parent and child frame. I have a this prototype but there is some weird behavior happening win = document.get

Solution 1:

ok, here is how I am doing this one.. To create Drag on an element from parent frame and drop it in a sortable list in the iframe, I created draggable on the element of parent frame from inside the iframe

win = document.getElementById('<identifier for Iframe>').contentWindow;
win.jQuery(dragelement,parent.document).draggable({
connectToSortable : $("#sortable")
)}

Works like a charm!

Solution 2:

comment this line in your code,

//$(element).sortable({iframefix:true});

here is the fiddle : link

Solution 3:

iframeFix is case sensitive: Change

iframefix:true,

to

iframeFix:true,