Jquery Sortable и Draggable между родительским и дочерним фреймом

Я пытаюсь реализовать jQuery Draggable | Droppable | Сортируемый между родительским и дочерним фреймом. У меня есть этот прототип, но происходит странное поведение

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

Страница iframe также содержит

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

Вот это, jsfiddlehttp://jsfiddle.net/vxAzs/5/

Он работает нормально, когда я пытаюсь удалить элемент в iframe, но когда я пытаюсь отсортировать элементы в iframe, элемент придерживается события click обеих страниц, я думаю (поэтому он не будет удален, пока я не нажму на оба родителя). и фреймы). Я думаю, что это как-то связано с вызовом .sortable () как в parent, так и в iframe, но если я удаляю это, dropppable перестает работать.

Ответы на вопрос(3)

Ваш ответ на вопрос