Javascript 精细上传器：验证失败时隐藏总进度条（和标签）

我正在使用Fine Upload（）及其对应的

这是我的html：

<div id="totalProgress" class="qq-total-progress-bar-container-selector progress">
    <div class="qq-total-progress-bar-selector progress-bar progress-bar-success progress-bar-striped active" role="progressbar"></div>
</div>

问题是，在验证失败后，进度条仍然可见。例如，我测试了上传6张图片（验证错误），进度条仍然可见。这可能是因为html div在验证错误后没有获得css类

qq hide

：

.qq-hide {
    display: none;
}

如果文件被拒绝但不起作用，我已测试将其添加到fineuploader函数中：

.on("REJECTED", function() {
        $('#totalProgress').addClass('qq-hide');
});

意外场景1：验证通过

总进度在上传前隐藏，用qq隐藏

我上传了一个通过验证的文件，qq隐藏被删除了 （进度条可见）

上传完成后再次添加qq隐藏（进度条 再次隐藏）

意外情况2：验证失败

总进度在上传前隐藏，用qq隐藏

我上传了一个未通过验证的文件（如大文件）， qq隐藏已删除（进度条可见）

获取验证错误消息

qq隐藏未在验证错误（进度）后再次添加 条形图（仍可见）

注意以下几点：

在Fine Uploader UI中，当总进度条达到100%或不再有任何正在进行的文件时，总进度条将被隐藏

因此，如果按如下方式定义总进度条（无其他属性）：

然后，如果上载失败（例如由于验证错误），它将自动变为不可见

请注意以下（）关于此行为：

qq总进度条容器选择器中不应包含qq总进度条选择器元素以外的任何内容，因为进度条元素旨在消耗进度条容器中的所有空间

如果您想添加其他依赖于总进度条可见性的文本，您需要重新考虑一下设计，或许可以观察totalProgress事件以在DOM中显示/隐藏该标签

例如，您可以监视进度条本身，然后在进度>0%时添加标签。这可以通过使用这种方式来完成，只有当上传通过验证时，才会添加标签

我已经为您准备了一个工作JSFIDLE，其中包含总进度条和单个进度条。 如果

qq总进度条div中没有其他内容，您可以看到它现在工作正常：

对不起，我不明白这个问题。请尝试用一系列重现问题所需的具体步骤重新表述。我也不确定问题出在哪里。用总进度条更新了我的问题的两个场景。验证通过，验证失败。请注意，Fine Uploader还提供了。@RayNicholus:我正在寻找：）我将更新链接。@downvoter我知道链接已断开，但这真的是downvote的原因吗？你也可以通过编辑自己修复链接。
.on("REJECTED", function() {
        $('#totalProgress').addClass('qq-hide');
});

<!-- Total progress bar -->
<div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">
    <div class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
</div>