阻止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 =＆＃34;模态＆＃34; 并观察点击事件，运行上传内容，然后使用 $（＆＃39）关闭模式;＃myModal＆＃39）的模态（＆＃39;隐藏＆＃39）;