阻止 javascript 调用直到模式退出

Question

我正在编写一个简单的 chrome 扩展来通过 Dropbox 上传和共享文件。我想要的工作流程是：

1. Select file to upload.
2. Click upload button.
3. A bootstrap modal opens up asking for email ids to share the file with.
4. Once the user has submitted email id in the modal dialogue box and saved it then
the upload function should be called.

目前发生的情况是出现了模式，但在后台也调用了上传功能，我如何才能阻止它，直到用户成功提交输入。

编辑：

function startUpload()
{
    $('#emailModal').modal({backdrop: 'static'});
    //rest of the code to upload file via ajax call which needs to be
    //stoppped from executing till modal has successfully submitted or exited
}

Answer 1

引导模式具有您可以观察的事件。

http://getbootstrap.com/javascript/#modals

hidden.bs.modal 当模式对用户完成隐藏时触发此事件（将等待 CSS 转换完成）​​。

当模态完全消失时，这将触发。

$('#myModal').on('hidden.bs.modal', function (e) {
  // do something...
});

您可以做的其他事情是设置您的方法来完成关闭模式的工作。因此，从模态按钮中删除 data-dismiss="modal" 并观察点击事件，运行您的上传内容，然后使用 $('#myModal').modal( '隐藏');