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

Question

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

我尝试在类型提交按钮上使用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>

现在，当我点击按钮时，下载开始，但弹出窗口仍然存在。 如果我单击取消，弹出窗口将关闭。 我可以在下载之后用数据关闭之类的东西关闭，还是我需要javascript？

Answer 1

根据文档 ，您可以使用$('#myModal').modal('hide')使用jquery隐藏模态。 在模式中添加一个id，然后在下载函数中使用jquery将其解除，如下所示：

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

Answer 2

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