防止在可下垂动画完成前发生切换
防止在可下垂动画完成前发生切换
提问于 2013-01-27 16:41:59
我所拥有的：
使用jQuery UI，我从一个div拖放一个div到另一个div。
删除事件触发：
- 一种动画，它可以使掉下来的div放置在适当的位置。
- 另一个div的切换(显示/隐藏)
问题是：
切换发生在动画完成之前。我需要切换发生后，动画完成。
实例化+代码：
http://jsfiddle.net/dominornovus/3Hq3q/2/
我试过的是：
我曾尝试使用动画选择器，但没有成功：
$(":animated").promise().done(function() {
//code here
}我的问题是：
如何防止在可下垂动画之前发生切换。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-01-27 16:44:01
使用animate()中的回调：
$('.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();
});
}
});FIDDLE
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14549568
复制相关文章
相似问题
腾讯云开发者
