twitter-bootstrap - bootbox js 对话框的图标

Question

有没有人知道如何将图标添加到 bootbox.js 对话框中的按钮？我想在此功能中为“否”和"is"按钮添加图标:

$(function () {
    $(".confirm-delete").click(function(e) {
        e.preventDefault();
        var id = $(this).data('id')
        bootbox.confirm("Remove this product?", "No", "Yes", function(confirmed) {
            if(confirmed) {
                deleteRecord(id);
            }
        });
    });     
});

Answer 1

您需要创建自定义对话框并使用icon 配置选项added in 2.1.0 .

例如:

$(function () {
    $(".confirm-delete").click(function(e) {
        e.preventDefault();
        var id = $(this).data('id')
        bootbox.dialog("Remove this product?", [{
            "label" : "No",
            "icon"  : "icon-remove"
        }, {
            "label" : "Yes",
            "icon"  : "icon-ok icon-white",
            "callback": function() {
                deleteRecord(id);
            }
        }]);
    });     
});

Custom dialog example