Question

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

我尝试在类型提交按钮上使用数据释放进行下载，但在关闭该按钮时，未启动下载。

这是我的两个按钮的外观：

<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

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

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

Answer 2

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

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

2 个答案: