Jquery confirm是一種彈出框插件,可以方便地在頁面上顯示確認窗口。
使用此插件需要引入jquery-confirm.min.js和jquery-confirm.min.css這兩個文件。
// 引入必要的文件 <link rel="stylesheet" > <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script> // 例:確定按鈕樣式為紅色,取消按鈕樣式為藍色 $.confirm({ title: '確認刪除?', content: '刪除后將無法恢復', buttons: { confirm: { text: '確定', btnClass: 'btn-red', action: function() { // 點擊確定按鈕執行的方法 } }, cancel: { text: '取消', btnClass: 'btn-blue' } } });
使用$.confirm()方法可以創建確認框,其中參數可以包括:
- title:確認框的標題
- content:確認框的內容
- buttons:確認框的按鈕
其中buttons可以包括多個按鈕,可以使用confirm、cancel等預設名稱,也可以自定義名稱。
確認按鈕可以通過btnClass屬性來定義樣式,action屬性來定義觸發按鈕時執行的方法。
使用jquery confirm插件可以大大簡化確認框的創建,提高開發效率。