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 перестает работать.