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 $("").css('background-color','red');}
});
Страница iframe также содержит
$("#sortable").sortable();
Вот jsfiddlehttp://jsfiddle.net/vxAzs/5/
Это работает нормально, когда я пытаюсь удалить элемент в iframe, но когда я пытаюсь отсортировать элементы в iframe, элемент придерживается события click обеих страниц, я думаю (так что это нене будет выброшено, пока я не нажму и родитель, и фреймы). Я думаю, что это как-то связано с вызовом .sortable () как в parent, так и в iframe, но если я удаляю это, dropppable перестает работать.