jquery - iframe 内のソート可能な DIV への JQuery ドラッグ アンド ドロップ

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

iframe 内の要素のみをドロップします。それ以外の場合は元に戻します

上記のリンクを確認してください...ドラッグアンドドロップはできましたが、ドロップ可能な領域に少し問題があります。