javascript - 背景淡入的 Bootstrap 模态

Question

我正在使用 bootstrap 1.4.0 和 jquery 1.7.2。我正在尝试创建一个背景褪色的模态窗口。应使用 javascript 函数加载模态窗口。

这是我的代码:

<!-- Modal -->
<div id="error-dialog" class="modal hide fade">
  <div class="modal-body">
    <h1 class="exp-heading">Error</h1>
    <p class="exp-para pad-btm"> {$meta.message}</p>
    <!-- apps go here -->
    <div class="clear"></div>
    <!-- apps end here --> 
  </div>
  <div class="modal-footer"  align="center"><a href="#" data-controls-modal-close="error-dialog" ><img src="images/cancel_btn.png" alt="" border="0" align="middle" /></a> </div>
</div>

<script language="Javascript">  
$('#error-dialog').modal('show');                                                                   
</script>   

模态正在显示，但背景没有淡入。CSS文件是默认的1.4.0/bootstrap.css

Answer 1

我不确定，但如果你想使图像淡入淡出，你需要使用

.fadeIn()

方法