需要一个jquery代码示例：将可排序列表连接到位于iframe中的另一个可排序列表

Question

我需要一个简单明了的JQuery代码示例（使用Sortable UI），该示例如何连接两个可排序列表，其中一个位于iframe中。

请考虑以下示例。一个可排序列表（＃sortable1）位于主文档中。另一个可排序列表（＃sortable2）位于iframe中。我需要能够将项目从一个列表拖动到另一个列表，反之亦然。

<ul id="sortable1">
<li>item 1</li>
<li>item2</li>
</ul>

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

“sortable2.html”的内容

<ul id="sortable2">
<li>item 1</li>
<li>item2</li>
</ul>

如果有人能发布一个有效的例子，我将非常感激。我相信它对许多其他人都有帮助。

提前谢谢！

Answer 1

$(".heriyah").sortable({ 
    handle : '.handle',
    revert: "invalid",
    connectWith: ".heriyah",
    update : function () { 
        var order = $('.heriyah').sortable('serialize'); 
        $("#info").load("admin/sortable.php?"+order); 
    } 
});

connectwith:是您与其他有序列表的对话