Usiłuję zaimplementować jQuery Draggable | Droppable | Sortowalny między ramką nadrzędną i podrzędną. Mam ten prototyp, ale dzieje się dziwne zachowanie

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

Strona iframe również zawiera

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

Oto jsfiddlehttp://jsfiddle.net/vxAzs/5/

Działa dobrze, gdy próbuję upuścić element na ramce iframe, ale kiedy próbuję posortować elementy na iframe, element przylega do zdarzenia kliknięcia obu stron, które myślę (więc nie zostanie upuszczony, dopóki nie kliknę na oba elementy macierzyste) i iframes). Myślę, że jest to coś wspólnego z wywołaniem .sortable () zarówno w elemencie macierzystym, jak i iframe, ale jeśli usunę, że droppable przestaje działać.