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

Question

当一个对话框（即'iTeration 1'拖动并掉入另一个对话框中，即版本1都可以正常工作，但将不必要的可滚动条添加到其他对话框，即'Release 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/]

Answer 1

如果您在释放后在另一个容器内谈论可拖放框放置，则问题在其他地方。发布项目时，它会附加到其新容器上，但是您不会更改可拖动项目的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"
            });
        });
    });
}

如果容器应接受更多元素，则需要找到一种算法才能正确放置它们。

Answer 2

   #dialogiteration {        溢出：隐藏；    }

这可以修复滚动条，尽管我认为您正在寻找其他东西。在尝试使用jQuery插件之前，尝试专注于正确设置CSS。这是一个样式问题，而不是jQuery问题。

检查文档的拖放是否有溢出选项，也可以确保对话框中的所有元素具有正确的样式，否则您将获得非常不稳定的行为。