隱藏使用Javascript淡出效果的Bootstrap模式

Question

我有一個基本的引導模式登錄，當我點擊提交時它不會自動關閉。我解決了它使用this simple jquery：

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

但我也想了模態淡出用引導的褪色類正確 - 目前不會發生，它立即被隱藏。

我該怎麼做？

Answer 1

確保您的模態的HTML有.fade類，引導將做休息，per their documentation：

<div class="modal fade"> 
    Modal content here 
</div> 

如果您仍然有麻煩，你必須發佈更多的代碼。

Answer 2

使用jQuery：

$('#myModal').fadeOut(); 

Answer 3

$('#myModal').delay(1000).fadeOut(450); 
 

 
setTimeout(function(){ 
 
    $('#myModal').modal("hide"); 
 
}, 1500);

Answer 4

可以傳遞的淡入淡出效果漸弱功能的持續時間。然後傳遞一個回調函數作爲第二個參數。在回調函數的主體中，然後隱藏模態窗口

$('#myModal').fadeOut(500,function(){ 
       $('#myModal').modal('hide'); 
      });