jquerysortable";“出去”;事件

jquerysortable";“出去”;事件,jquery,jquery-ui-sortable,draggable,Jquery,Jquery Ui Sortable,Draggable,我有两个HTML无序列表,与jQuery Dragable和sortable一起用作购物车,如他们的网站演示所示 我们有一个要求,如果用户将一个项目拖到购物车的选定项目之外,则应该将其删除 我们还使用MVC5和Ajax为每个完成的操作更新购物车。。。如果将项目拖到选定项目中,则会立即将其添加到数据库表或缓存中。如果一个项目在selected items列表中排序,我们将捕获旧索引和新索引,并立即在后端更新优先级值。这两个功能运行良好 我遇到的问题是,根据文档()和Inspect元素证明,jQue

我有两个HTML无序列表,与jQuery Dragable和sortable一起用作购物车,如他们的网站演示所示

我们有一个要求,如果用户将一个项目拖到购物车的选定项目之外,则应该将其删除

我们还使用MVC5和Ajax为每个完成的操作更新购物车。。。如果将项目拖到选定项目中,则会立即将其添加到数据库表或缓存中。如果一个项目在selected items列表中排序,我们将捕获旧索引和新索引,并立即在后端更新优先级值。这两个功能运行良好

我遇到的问题是,根据文档()和Inspect元素证明,jQuery sortable的“Out”事件可能在两种不同的情况下触发:

  • 如果将可排序项拖到其容器外

  • 如果删除了可排序项

  • 如果我错了,请纠正我,但是out事件第二次激发对我来说没有意义。如果用户开始移动一个项目,但随后不移动项目并释放鼠标,那么“out”事件也会触发


    如何准确地确定可排序项是否已被拖放到其容器列表之外(未在其容器内移动)?

    我们的解决方案是放弃使用JQuery UI进行排序和拖放操作


    我们使用了sortable.js,它在处理排序和拖放事件方面似乎更加清晰。

    如果您很容易创建JSFIDLE,请这样做。“当连接的可排序列表中的项目被放入另一个列表时,会触发此事件。后者是事件目标。”或者,您可以在
    sortstart
    上设置参数,如“ogParent”,并在
    sortstop
    上使用
    .isSameNode()
    如检查新的可排序父项是否等于“ogParent”