JQuery：当元素隐藏时阻止div崩溃（）

Question

当我的表单被提交时，表单“滑出”并使用$.get() ，我加载另一个页面并将其滑入。在隐藏表单和下一页的显示之间，div崩溃和我的所有页脚的东西简要地结束了表单的位置。

然后，当“下一页”完成加载时，页脚返回到底部（在新页面内容下）。 因为表单的大小可能会有很大变化，我试图避免为DIV指定高度。

有没有办法防止div改变？

码：

$("#MyForm").hide("slide", { direction: "left" }, 250, function () {
    $.get("../NewPage.html", function (data) {
        $("#NewPagePlaceholder").html(data);
        $("#NewPagePlaceholder").show("slide", { direction: "right" }, 250);
    });
});

Answer 1

你在用CSS吗？ 我会做一个假设（我知道但是我看不到任何代码），你使用display:none; 要隐藏div，请尝试使用visibility:hidden 。 如果你正在使用JQuery，你可以在选择器中添加一个css（）方法，并将可见性设置为隐藏。

Answer 2

@ user1394965说的是什么。 这是一个简单的例子：

.hide()将使对象的css属性为display: none ，这将删除它在页面上占用的空间。 visibility: hidden属性会使其隐藏但仍保留页面上的空间。

所以，而不是做：

$('#elementId').hide();

请执行下列操作：

$('#elementId').css('visibility', 'hidden');

Answer 3

上面的其他选项可能更好，您可以选择根据子div设置hieght，但很难知道这是不是看到任何代码是一个好主意。

例如（未经测试）：

var height = $('#childdiv').height();
$('#childdiv').parent().css('height', height);

Answer 4

仅在动画期间指定div的高度。 也就是说，在滑出旧表单之前，将div更改为相同的高度。 在新表单滑入后，删除此设置高度。