jquery-confirm是一個優秀的彈窗插件,擁有豐富的配置項,可以輕松實現各種風格的彈窗效果,并且能夠自定義寬高字體等屬性。
$.confirm({ title: '提示', content: '這是一條提示信息!', width: 500, //設置彈窗寬度 height: 200, //設置彈窗高度 boxWidth: '80%', //設置內容區域寬度 boxHeight: '50%', //設置內容區域高度 useBootstrap: false, //禁用bootstrap樣式 closeIcon: true, //顯示關閉按鈕 buttons: { ok: { text: '確定', btnClass: 'btn-blue', action: function(){ //確定操作 } }, cancel: { text: '取消', btnClass: 'btn-red', action: function(){ //取消操作 } } }, columnClass: 'col-md-6 col-md-offset-3', //設置彈窗在頁面中的位置 contentContainer: '.jquery-confirm-content', //設置內容容器 backgroundDismiss: true, //點擊背景是否關閉彈窗 theme: 'dark', //設置主題 titleClass: 'text-center', //設置標題樣式 contentClass: 'text-left', //設置內容樣式 icon: 'fa fa-info-circle', //設置圖標 animation: 'scaleX', //設置動畫效果 animationSpeed: 400 //設置動畫速度 });
以上是jquery-confirm常用的配置項,通過設置寬度、高度、boxWidth、boxHeight等屬性可以自定義彈窗的大小,通過設置theme、titleClass、contentClass等屬性可以自定義彈窗的樣式,通過設置animation、animationSpeed等屬性可以實現動畫效果。
總之,jquery-confirm是非常強大的彈窗插件,能夠滿足各種不同的需求,如果需要實現自定義的彈窗,相信它一定能夠幫助你實現。