Jquery ordinabile e trascinabile tra frame padre e figlio

Question

Sto cercando di implementare jQuery Draggable | Droppable | Sortable tra un frame padre e figlio. Ho un questo prototipo, ma c'è qualche strano comportamento accadendo

win = document.getElementById('frame').contentWindow; 

element = win.document.getElementById('sortable'); 
$(element).sortable(); 
console.log(element); 
$("#draggable").draggable({ 
     connectToSortable: $(element), 
    iframefix: true, 
    helper: function() {return $("<div/>").css('background-color','red');} 
}); 

La pagina iframe contiene anche

$("#sortable").sortable(); 

Ecco il jsfiddle http://jsfiddle.net/vxAzs/5/

Funziona benissimo quando provo a cadere la elemento sull'iframe ma quando provo a ordinare gli elementi sull'iframe, l'elemento si attacca all'evento click di entrambe le pagine, penso (quindi non viene rilasciato finché non faccio clic su entrambi i parent e iframe). Penso che sia qualcosa a che fare con la chiamata .sortable() sia in parent e iframe, ma se rimuovo che il droppable smette di funzionare.

Answer 1

ok, ecco come sto facendo questo .. Per creare Trascina su un elemento dal frame principale e rilasciarlo in un elenco ordinabile nell'iframe, che ho creato trascinabile sull'elemento del frame principale dall'interno dell'iframe

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

Funziona come un fascino!

Answer 2

commentare questa riga nel codice,

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

qui è il violino: link

Answer 3

iframeFix è case sensitive: Change

iframefix: true, 

a

iframeFix: true,