4

当一个对话框（即“迭代 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/]

4

2 回答 2

1

如果您谈论的是释放后将可拖动框放置在另一个容器中，实际上，问题出在其他地方。当您释放一个项目时，它会附加到其新容器中，但您不会更改可拖动项目top的leftcss 值。因此，它最终被附加到可见区域之外。如果只有一个容器，您可以像这样修复它：

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"
            });
        });
    });
}

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

于 2012-11-08T22:17:43.127 回答
0 
    #dialogIteration {
        溢出：隐藏；
    }

尽管我认为您正在寻找其他东西，但这修复了滚动条。在尝试使用 jQuery 插件之前，请尝试正确设置您的 css。这是一个样式问题而不是 jQuery 问题。

检查文档以进行拖放，某处可能存在溢出选项，还要确保对话框中的所有元素都具有正确的样式，否则您将获得非常不稳定的行为。

于 2012-11-08T22:13:24.223 回答