javascript - jQuery UI 可排序 'out' 未与多个连接的可排序一起触发

标签 javascript jquery jquery-ui jquery-ui-sortable

当两个或多个可排序对象通过 connectWith 连接时,当我将项目移出列表(而不是移入另一个列表)时,out 事件不会触发。

要重现,请尝试将其中一个连接列表中的项目拖离两个列表(而不是拖到另一个列表中)。 “out”不会触发。然后尝试底部未连接的可排序。它将正常触发。

有什么方法可以找出某个项目何时被从连接的可排序对象中拖出吗?

示例:

Connected lists:
<ul class="connect">
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

<ul class="connect">
    <li>four</li>
    <li>five</li>
    <li>six</li>
</ul>

Unconnected list:
<ul class="not-connected">
    <li>seven</li>
    <li>eight</li>
    <li>nine</li>
</ul>

JS:

$(".connect").sortable({
    out: function() {
       console.log("out");   
    },
    connectWith: ".connect"
});

$(".not-connected").sortable({
    out: function() {
       console.log("out");   
    },
});

<强> FIDDLE HERE

最佳答案

这似乎是 bug outover 现已修复。我相信您使用的版本存在该问题。我已经更新了 fiddle 以使用新版本的 jQuery UI,并且似乎工作正常,http://jsfiddle.net/751vo8d3/2/

关于javascript - jQuery UI 可排序 'out' 未与多个连接的可排序一起触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26700048/

相关文章:

javascript - 使用 bxSlider 显示/隐藏筛选 slider 项

javascript - 使用 polymer 获取标签值

javascript - float 条形图月份对齐问题

jquery - Css/Jquery Div 样式

javascript - 更改嵌套对象的父子相关 ID

javascript - 删除动态创建的页面元素

javascript - 我们可以对同一个元素应用两次hoverintent插件吗? (JQuery)

javascript - 如果子 aria-expanded=true 将类添加到父元素

javascript - jQuery UI 自动完成 "no match"选择

css - Jquery ui datepicker css 问题