Jquery 将一个对话框拖放到另一个对话框中添加不必要的可滚动条

当一个对话框（即“迭代1”）拖放到另一个对话框（即版本1）中时效果很好，但在另一个对话框（即“版本1”）中添加了不必要的可滚动条。我想在左上角看到我的对话框（即“迭代1”）

$(document).ready(function() {

    $( "#dialogRelease").dialog({

        autoOpen: false,
        modal: false,
        show:  {effect: 'fade', duration: 2000},
        hide: "size",
        resizable:false,
        draggable:true,
        height: 360,
        width: 450,
        position: [1300,500]
    });

});

我必须在这里换些东西吗

演示代码在这里 [http://jsfiddle.net/coolanuj/7683X/14/]

#dialogIteration { overflow:hidden; } #对话迭代{ 溢出：隐藏； } 这修复了滚动条，尽管我认为您正在寻找其他内容。在尝试使用jQuery插件之前，请尝试正确设置css。这是一个样式问题，而不是jQuery问题。

---

检查文档中的拖放选项可能有溢出选项，还要确保对话框中的所有元素都具有正确的样式，否则会出现非常不稳定的行为。

如果您谈论的是释放后可拖动的框放置在另一个容器中，实际上，问题出在其他地方。当您释放一个项目时，它会附加到它的新容器中，但您不会更改可拖动项目的

top

和

left

css值。因此，它最终被附加到可见区域之外。如果只有一个容器，可以按如下方式进行修复：

function deleteImage($item) {
    $item.fadeOut(function() {
        var $list = $("ul", $trash).length ? $("ul", $trash) : $("<ul class='gallery ui-helper-reset'/>").appendTo($trash);

        ////////position fix/////////
        $item.css({
            top: 10,
            left: 10
        });
        $item.find(".placeholder1").remove();
        $item.append($gallery).appendTo($list).fadeIn(function() {
            $item.animate({
                width: "200px"
            }).find(".placeholder1").animate({
                height: "250px"
            });
        });
    });
}

函数deleteImage（$item）{
$item.fadeOut（函数（）{
var$list=$（$ul'，$trash）.length？$（$ul'，$trash）：$（“
”）.appendTo（$trash）；
////////定位/////////
$item.css({
前10名，
左：10
});
$item.find（“.placeholder 1”）.remove（）；
$item.append（$gallery）.appendTo（$list）.fadeIn（函数（）{
$item.animate({
宽度：“200px”
}).find（“.placeholder 1”）.animate({
高度：“250px”
});
});
});
}

---

如果容器应该接受更多的元素，您需要找到一个算法来正确放置它们。

@pmandell非常感谢您的帮助。@Munchies:非常感谢您的帮助，等待您有价值的答案