jQuery包含动画

我对动画方法有一个问题

<div id="containment">
    <div id="child1">C1</div>
    <div id="child2">C2</div>
    <div id="child3">C3</div>
</div

问题是，当dragstop被触发时，我移出的子对象被隐藏，并且只有在“包容”动画结束时才会出现

在我的屏幕中，B1和B2的大小相同，只是B1不完全可见，因为动画正在运行

---

谢谢

只是一个猜测，但是如果您在div#容器中有“overflow:hidden”，当您拖动节点时，它的任何部分都会被父div遮挡（即使它在父容器的边界之外，从DOM的角度来看，它仍然是子容器）。或者，您可以将子节点移动到dragstop侦听器内父div的外部

只是一个猜测，但是如果在div#containment中有“overflow:hidden”，当您拖动节点时，它的任何部分都会被父div遮挡（即使它在父容器的边界之外，从DOM的角度来看，它仍然是子容器）。或者，您可以将子节点移动到dragstop侦听器内父div的外部

您是否正在使用[Dragable]（）？-您希望的行为是什么？总是看到子div（显示在屏幕上的橙色），而不是等待父div足够大才能看到它。您是否使用[DragTable]（）？-您希望的行为是什么？始终看到子div（显示在屏幕上的橙色），而不是等待父级足够大才能看到它。我的容器未处于“溢出：隐藏”模式，因此最好的解决方案是在执行动画时将子级放出去。这样做有点烦人，但我想我会发布另一个解决方案…我的容器没有处于“溢出：隐藏”模式，所以最好的解决方案是在动画执行时将孩子们放出来。这样做有点烦人，但我想我会给出另一个解决方案。。。

$("#containment > div").bind("dragstop", function(event, ui) {
    var size = $.extend({}, $("#containment").data("originalSize"));
    $.each($("#containment > div"), function(index, d) {
        width = parseInt($(d).css("left"), 10) + parseInt($(d).outerWidth(), 10);
        height = parseInt($(d).css("top"), 10) + parseInt($(d).outerHeight(), 10);
        size.width = (width > size.width) ? (width + 50) : size.width;
        size.height = (height > size.height) ? (height + 50) : size.height;
    });

    $("#containment").animate({
        width: size.width,
        height: size.height
    }, 'slow');
});