Ich versuche, jQuery Draggable | Dropable | Sortable zwischen einem übergeordneten und einem untergeordneten Frame zu implementieren. Ich habe diesen Prototyp, aber es passiert ein komisches Verhalten

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');}
});

Die Iframe-Seite enthält auch

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

Hier ist die Geigehttp://jsfiddle.net/vxAzs/5/

Es funktioniert einwandfrei, wenn ich versuche, das Element auf dem Iframe abzulegen, aber wenn ich versuche, die Elemente auf dem Iframe zu sortieren, bleibt das Element meines Erachtens beim Klickereignis beider Seiten (es wird also erst gelöscht, wenn ich auf beide übergeordneten Seiten klicke) und iframes). Ich denke, dass es etwas mit dem .sortable () Aufruf in Eltern und iframe zu tun hat, aber wenn ich das entferne, funktioniert das droppable nicht mehr.