Question

我需要在用户提交表单后隐藏表单。通常我只使用display: none，但由于我正在使用的jQuery文件上传插件，它将在表单不可见时终止传输。现在我在提交表单时这样做：

// Switch out the form for upload progress
$('#upload-form').animate({opacity: 0}, function() {
    $('#progress-container').fadeIn('fast');
});

但是，#progress-container div不会出现在上传表单的位置，因为元素仍然存在且只是不可见。换句话说，它在它们下面被分流了。

有没有办法在不使用display: none的情况下正确隐藏表单及其中的元素，并且#upload-container div出现在正确的位置？

感谢。

Answer 1

发布此消息后不久就有脑电波。事实证明它实际上并不那么难。这是最终的代码：

// Switch out the form for upload progress
$('#upload-form').animate({opacity: 0}, function() {
    $('#upload-form').css('position', 'absolute');
    $('#progress-container').fadeIn('fast');
});

现在#progress-container div浮动在表单的顶部。

Answer 2

您可以尝试将表单内部html的值设置为NULL。

$('#upload-form').html('').

隐藏上传表单而不使用display：none

2 个答案: