jQuery UI可排序/可拖动/可放置组合 - 可分类+可拖动列表中已删除拖放的索引N / A

时间:2013-11-06 10:10:45

标签: javascript jquery-ui jquery-ui-sortable jquery-ui-draggable jquery-ui-droppable

我有一个分段/嵌套列表;每个部分都包含一个ul.items,它既可以排序也可以放置。这些部分本身是可排序的,但不是Droppable。每个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进行比较,但似乎看起来很多工作似乎很多就像一个常见的用例。

或者,我可以将搜索结果列表排序并将其与每个ul.items连接,就像我将它们相互连接一样,但事实是,我真的不希望搜索结果可排序

任何输入都非常感谢!

0 个答案:

没有答案