JQuery在iframe中拖放到可排序的DIV中

Question

情况是这样的：我有可拖动的元素，需要将它们连接到iframe中的可排序DIV。

代码：

page.html中

<div id="draggable">
    <div>a</div>
    <div>b</div>
</div>

<iframe id="iframe" src="iframe.html"></iframe>

Iframe.html的

<div id="sortable">
    <div>Element 1</div>
    <div>Element 2</div>
</div>

不幸的是我无法改变结构，我真的需要使用iframe。我试着效仿这个例子：

http://jqueryui.com/draggable/#sortable

但目标在iFrame中是可排序的，我不能让这个例子适应这种情况。如果有人在jsfiddle有任何演示或任何可能对我有帮助的建议，我很感激！

Answer 1

Drop elements inside iframe only else revert

检查上面的链接...我已设法拖放但是可放置区域有一点问题。