boostrap彈框之BootstrapDialog

function dialogInit(){
  var $html = $('<div><ul><li><span>這是彈框里面的內容</span></li></ul></div>')
  var dialog = new BootstrapDialog({
　　　　 size: BootstrapDialog.SIZE_LARGE,//彈框大小
        title: '彈框標題',
　　　　 cssClass:'dialogBig',//給彈框添加class名
        message: $html,//彈框中間的內容
        buttons: [{
            label: '取消',
            action: function(newCatalogue){
                newCatalogue.close();
            }
        },{
            label: '創建',
            cssClass: 'btn btn-primary',//給按鈕加樣式，btn、btn-primary為定義好的class
            action: function(newCatalogue){
                addDialog(newCatalogue);//點擊創建觸發函數
            }
        }],
        onshow: function(){
            shown()//彈框顯示前觸發函數
        },
        onshown: function(){
            shown()//彈框顯示后觸發函數
　　　　　　　 alert($html.find('span').text());　

        }
})
dialog.open();
}