Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 防止在可拖放动画完成之前发生切换 我所拥有的:_Jquery_Jquery Ui_Jquery Animate_Jquery Ui Droppable - Fatal编程技术网

Jquery 防止在可拖放动画完成之前发生切换 我所拥有的:

Jquery 防止在可拖放动画完成之前发生切换 我所拥有的:,jquery,jquery-ui,jquery-animate,jquery-ui-droppable,Jquery,Jquery Ui,Jquery Animate,Jquery Ui Droppable,使用jqueryui,我将一个div从一个div拖放到另一个div 删除事件将触发: 使放置的div轻松/捕捉到位的动画 另一个div的切换(显示/隐藏) 问题是: 切换发生在动画完成之前。我需要在动画完成后进行切换 实例+代码: 我所尝试的: 我尝试使用动画选择器失败: $(":animated").promise().done(function() { //code here } 我的问题: 如何防止切换发生在可拖放动画之前。使用animate()中的回调: 非常感谢您的工作代码(以及+

使用jqueryui,我将一个div从一个div拖放到另一个div

删除事件将触发:

  • 使放置的div轻松/捕捉到位的动画
  • 另一个div的切换(显示/隐藏)
  • 问题是: 切换发生在动画完成之前。我需要在动画完成后进行切换

    实例+代码:

    我所尝试的: 我尝试使用动画选择器失败:

    $(":animated").promise().done(function() {
    //code here
    }
    
    我的问题:
    如何防止切换发生在可拖放动画之前。

    使用
    animate()
    中的回调:


    非常感谢您的工作代码(以及+1的2分钟响应时间)。按照您的指示,我已经阅读了动画回调()。最方便。是的,在制作动画时回调是非常宝贵的,不需要复杂的函数或承诺。不客气!
    $('.drop').droppable({
        tolerance: 'intersect',
        drop: function(event, ui) {
            var drop_p = $(this).offset();
            var drag_p = ui.draggable.offset();
            var left_end = drop_p.left - drag_p.left + 1;
            var top_end = drop_p.top - drag_p.top + 1;
            ui.draggable.animate({
                top: '+=' + top_end,
                left: '+=' + left_end
            }, function() {  //callback
                $(".somediv").toggle();
            });
        }
    });