如何在AJAX成功后关闭模态窗口

我有一个打开模态的按钮但我通过单击背景或ESC键阻止了模态关闭。

我的按钮看起来像这样：

Click  

如何在使用jQuery成功$.ajax后关闭此模式？

我做了一些测试 – 模态已关闭，但背景被锁定，在刷新页面之前我无法做任何事情

Answer 1

要关闭bootstrap模式，您可以将“hide”作为选项传递给模态方法，如下所示。

 $('#CompanyProfile').modal('hide'); 

在ajax成功中使用此代码。

小提琴演示

Answer 2

你可以试试下面的东西。 未经测试但你会明白这个想法。

 $.ajax({ url: 'yourscript.php', data: $('form#yourForm').serialize(), type: 'post' }).done(function(response) { // trigger modal closing here since ajax is complete. });