0

一旦用户提交表单，我需要在我的页面上隐藏表单。通常我只是使用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-containerdiv 出现在正确的位置？

谢谢。

4

2 回答 2

0

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

$('#upload-form').html('').
于 2012-06-18T20:59:31.653 回答
0

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

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

现在#progress-containerdiv 漂浮在表单的顶部。

于 2012-06-18T20:55:59.617 回答