我有一个分段/嵌套列表;每个部分都包含一个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
连接,就像我将它们相互连接一样,但事实是,我真的不希望搜索结果可排序。
任何输入都非常感谢!