2015-07-28 13 views
0

要顯示警報消息我使用bootboxjs.com bootstrap jquery插件。
後呼叫bootbox.alert("Hello world!");方法中,產生以下的代碼,並顯示一個模式:將模塊頭元素添加到bootbox中打開的警報框

<div id="myModal" class="modal fade"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <!-- dialog body --> 
     <div class="modal-body"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     Hello world! 
     </div> 
     <!-- dialog buttons --> 
     <div class="modal-footer"><button type="button" class="btn btn-primary">OK</button></div> 
    </div> 
    </div> 
</div> 

正如所看到的生成模態還沒有modal-header元件默認顯示的頭信息。
我希望所有的警報框都有一個默認的標題包含一個自定義的消息,如:System Says :

我知道在bootboxjs中有一個對話框()方法,用於顯示自定義消息,可能有modal-header元素。但使用dialog()需要編寫並重復一些行以顯示簡單的警報框。

對此問題有任何解決方案?

回答

1

使用options object指定標題,它會產生你頭後:

bootbox.alert({ 
 
    title: "I'm the title!", 
 
    message: "I'm the message!", 
 
    callback: function(){ console.log("I handled the callback!"); } 
 
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>