下载文件后如何关闭引导模式弹出窗口答案

【问题标题】：How to close a bootstrap modal popup after downloading a file下载文件后如何关闭引导模式弹出窗口
【发布时间】：2019-11-03 13:45:07
【问题描述】：

我有一个使用引导模式的弹出窗口。弹出窗口允许用户下载文件或取消。我想要做的是在用户单击“下载”按钮（并开始下载）后关闭弹出窗口，就像取消选项一样。

我尝试在类型提交按钮上使用 data-dismiss 进行下载，当它关闭时，没有启动下载。

这就是我的两个按钮的样子：

<div class="modal-footer">
    <button type="submit" class="btn btn-primary">Download</button>
    <button type="button" class="btn btn=secondary" data-dismiss="modal">Cancel</button>
</div>

现在，当我单击按钮时，会开始下载，但弹出窗口仍然存在。如果我单击取消，弹出窗口将关闭。我可以在下载后使用 data-dismiss 之类的内容关闭，还是需要 javascript 来完成此操作？

【问题讨论】：

标签： javascript jquery html bootstrap-modal

【解决方案1】：

根据doc，您可以使用$('#myModal').modal('hide') 隐藏您的模态框。向您的模态添加一个 id，然后在您的下载函数中使用 jquery 将其关闭，如下所示：

function download() {
    $('#myModal').modal('hide');
    ....
    ....
}

【讨论】：

【解决方案2】：

是的，您必须在启动下载的函数内使用 javascript 关闭模式。（你甚至可以触发取消按钮的点击）

【讨论】：

会是 window.close 还是类似的东西？