1

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

一旦将一个项目从可用列拖放到目标列，我不希望它再次可拖动到该列（但是，它可以被拖动到其他列，假设它尚未在该列中。

这是一个应该演示功能的 JS Fiddle：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 -->
4

0 回答 0