AJAX成功後我如何關閉模態窗口

我有一個打開模式的按鈕，但是我通過單擊背景或ESC鍵來阻止模式關閉。AJAX成功後我如何關閉模態窗口

我的按鈕看起來是這樣的：

<button data-toggle="modal" data-target="#CompanyProfile"data-backdrop="static" data-keyboard="false">Click </button>

如何關閉這個模式後，使用jQuery $.ajax成功？

我已經做了一些測試 - 該模式已關閉，但背景被鎖定，直到我刷新頁面

來源

2016-03-03 Rimaz

你能顯示你的代碼嗎？ – cakan

按鈕屬性data-toggle =「modal」data-target =「＃CompanyProfile」data-backdrop =「static」data-keyboard =「false」 – Rimaz

您可以發佈模態以及任何關聯的css – mcclaskiem

要關閉引導模式，您可以通過「隱藏」的選項，我不能做任何事情模態方法如下。

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

使用此代碼阿賈克斯成功裏面。

Fiddle Demo

來源

2016-03-03 13:51:07

這一個是隱藏模式，但背景是淡出..總是我刷新頁面繼續 – Rimaz

在隱藏模態後使用'location.reload（）;'。這會自動重新加載頁面。 –

如果你不想重新加載，使用'$（'。modal-backdrop'）。remove（）;'去除背景。這是不正確的方式。 –

您可以嘗試像下面的東西。未經測試，但你會明白。

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

來源

2016-03-03 13:51:26 Ben

既然他說「在$ .ajax成功後」不應該使用'success'而不是'done'？ –

的確，成功也可以使用。（我大部分時間都在使用。） – Ben

這並不能解決問題，因爲他需要你在評論中的確切內容，如何觸發關閉。 – jcubic

AJAX成功後我如何關閉模態窗口

回答

相關問題