jQuery的排序，并且父母和孩子框架之间可拖动(Jquery Sortable and Dragg

我想实现jQuery的可拖动|可弃|父子框架之间的排序。 我有这个原型，但有一些怪异的行为发生

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();

这里是的jsfiddle http://jsfiddle.net/vxAzs/5/

它工作正常，当我尝试砸在IFRAME元素，但是当我尝试在IFRAME元素进行排序的元素棍子两个网页，我认为（所以它不会掉下来的单击事件，直到我点击两家母公司和iframe中）。 我认为这是值得做的，在两家母公司和iframe的.sortable（）调用，但如果我删除可放开停止工作。

Answer 1:

好吧，这里是我正在做的这一个。为从父框架元素上创建拖放在iframe砸在排序列表，我创建了可拖动父框架的元素从iframe中

win = document.getElementById('<identifier for Iframe>').contentWindow;
win.jQuery(dragelement,parent.document).draggable({
connectToSortable : $("#sortable")
)}

奇迹般有效！

Answer 2:

在你的代码注释此行，

//$(element).sortable({iframefix:true});

这里是小提琴： 链接

Answer 3:

iframeFix区分大小写：更改

iframefix: true,

至

iframeFix: true,

文章来源: Jquery Sortable and Draggable between parent and child frame