jQuery UI可排序+可拖动 - 防止来自＆＃34;来源＆＃34;在＆＃34; target＆＃34;上被删除两次的列表名单

Question

我在“小部件样式”列表集上使用可排序和可拖动的组合。我在可拖动列表中有“可用”项目列表，该列表连接到7个“目标”列表（可排序）。可用列表具有克隆帮助程序，以确保可用列表始终使用可用项填充。这一切都很美妙，但有一个例外。

将项目从可用列拖放到目标列后，我不希望它再次拖到THAT列上（但是，它可以拖到其他列上，假设它不在该列中

这是一个JS小提琴，应该演示功能：http://jsfiddle.net/Y4T32/8/

以下是我正在使用的代码：

JS：

    $( ".sph-callout-portlet" ).sortable({
        placeholder: "ui-state-highlight"
    });
    $( "#sph-callout-portlet-avail li" ).draggable({
        connectToSortable: ".sph-callout-portlet",
        helper: "clone",
        stop: function(event, ui) {
            //Other functionality here, removed for brevity
        }
    });

HTML：

<ul class="sph-callout-portlet-avail">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>
<ul class="sph-callout-portlet-avail">

</ul>
<ul class="sph-callout-portlet-avail">

</ul>
<!-- Total of 7 empty lists -->