jQuery UI Sortable,鼠标按钮事件发布了吗?

时间:2013-12-10 11:48:07

标签: javascript jquery jquery-ui

所以我有以下一点jQuery:

$('.blah').sortable({
    items:'.item',
    helper:'clone',
    revert:true,
    stop:function(event,ui){
        console.log('stopped');
    }
});

当我将这些项目拖到某个“坏”的地方(它们无法在可排序区域之外进行排序,例如在可排序区域之外)时,克隆会恢复到可排序区域内的最后一个好位置。完成此动画后,停止功能将触发“已停止”。

是否有可以使用的事件在释放鼠标按钮后立即触发? (或者在这个还原动画开始之前?)

2 个答案:

答案 0 :(得分:2)

这样的事情怎么样,所以当拖动一个项目时,它会添加一个mouseup事件,当它再次被删除时,该函数会触发,然后停用该监听器。

$('.blah').sortable({
    items:'.item',
    helper:'clone',
    revert:true,
    stop:function(event,ui){
        console.log('stopped');
        $('.ui-draggable').off('mouseup');
    }
    start:function(e,ui) {
        $('.ui-draggable').on('mouseup', function() {
              console.log('drop'); 
        });
    },
});

答案 1 :(得分:0)

可能出来的事件可以帮助你:

$('.blah').sortable({
items:'.item',
helper:'clone',
revert:true,
stop:function(event,ui){
    console.log('stopped');
},
out: function( event, ui ) { alert("before stopped");} });