1

我有一个分段/嵌套列表；每个部分都包含一个ul.items既可排序又可放置的部分。这些部分本身是可排序的，但不是可放置的。每个都ul.items与其他部分连接ul.items，从而可以在部分之间移动项目。

<div class="section">  <!-- Sortable -->
    <ul class="items"> <!-- Sortable, Droppable -->
        <li>Stuff</li>
        <li>Stuff</li>
    </ul>
</div>
<div class="section">  <!-- Sortable -->
    <ul class="items"> <!-- Sortable, Droppable -->
        <li>Stuff</li>
        <li>Stuff</li>
    </ul>
</div>

在我的页面上，我也有一个搜索框。搜索结果呈现为一个列表，并且每个列表项都可以拖动。我将 Draggables 的范围与 Droppables 的范围相匹配，并且我能够将搜索结果放入任何ul.items.

<ul class="search-results">
    <li>Stuff</li> <!-- Draggable -->
    <li>Stuff</li> <!-- Draggable -->
</ul>

然而，我的问题是 jQuery UI 没有为我提供有关拖放 Draggable 的上下文的足够信息。我已经尝试过 Sortable 的receive事件和 Droppable 的drop事件，但都没有运气。

我想我可以以某种方式在 Droppable 列表中获取 Draggable 的新索引，通过 Droppable 搜索将每个项目与ui.draggable/进行比较ui.sender，但是对于看起来很常见的用例来说，这似乎需要做很多工作。

或者，我可以使搜索结果列表 Sortable 并将其与 each 连接ul.items，就像我将它们相互连接一样，但问题是，我真的不希望搜索结果是 Sortable。

非常感谢任何输入！

4

0 回答 0