jQuery的$.confirm是一種常用的確認框,它可以在用戶點擊按鈕時彈出一個對話框,讓用戶確定是否執行某個操作。
// 示例代碼 $.confirm({ title: '確認刪除', content: '你確定要刪除這個文件嗎?', buttons: { confirm: { text: '確定', btnClass: 'btn-blue', action: function(){ alert('文件已刪除'); } }, cancel: { text: '取消', btnClass: 'btn-red', action: function(){ alert('已取消刪除'); } } } });
在上述代碼中,我們定義了一個$.confirm對話框,它的屬性包括title、content和buttons。其中,title是彈出對話框的標題,content是對話框中顯示的內容,buttons則是按鈕的設置。
在buttons中,我們定義了兩個按鈕,分別是confirm和cancel。confirm按鈕的文本是“確定”,按鈕樣式為“btn-blue”,并且點擊時會執行一個函數,彈出“文件已刪除”的提示框。cancel按鈕的文本是“取消”,按鈕樣式為“btn-red”,點擊時彈出“已取消刪除”的提示框。
總的來說,使用$.confirm可以方便地定制各種類型的確認框,從而增強用戶體驗,避免用戶誤操作。