1. 程式人生 > >jquery-confirm,$.alert(),內容不換行

jquery-confirm,$.alert(),內容不換行

jquery-confirm 外掛
今天遇到的,公司專案用的jquery-confirm外掛,自定義提示框。
發現content是字母的時候,換行不好使。
如圖:
異常的提示框
查詢http://craftpip.github.io/jquery-confirm/#options 後。
沒有找到可以直接設定content樣式的引數 o(╯□╰)o,可能是我英文太渣。
不過發現有個onOpen引數,在提示開啟後執行。
還有$content可以獲取開啟後提示框裡的jquery object。
就有了下面的程式碼:

var al = $.alert({
        title : '提示',
        content : title+memo,
        confirmButtonClass : 'btn-success',
        confirmButton : '確定',
        onOpen : function(){
            al.$content.addClass("alert_desc");
        }
    });

^_^ 附上alert_desc的樣式
.alert_desc{
padding-left:5px;
text-align:left;
word-break:break-all;
}
修改後效果:
這裡寫圖片描述