按钮中的 Bootbox 和 Font awesome 图标

Question

我正在为 bootstrap 模式使用 bootbox 插件。我想知道如何放置 F.A。引导框对话框按钮内的图标。

这是我的代码：

bootbox.dialog({
        className: "modal-danger nonumpad",
        closeButton: false,
        animate: false,
        title: '...',
        message: "...",
        onEscape: null,
        buttons: {
            refresh: {
                label: "Refresh",
                className: "btn-warning btn-lg pull-left",
                callback: function(){
                    return false;
                }
            },
            main: {
                label: "Setup",
                className: "btn-primary btn-lg",
                callback: function(){
                    return false;
                }
            }
        }
    });

我只需要在 bootbox 按钮内添加一个 <i> 元素和自定义 class:

<i class="fa fa-check"></i>

Answer 1

我想你可以。 Label 按钮选项支持 HTML，而不仅仅是文本。所以

bootbox.dialog({
     className: "modal-danger nonumpad",
     closeButton: false,
     animate: false,
     title: '...',
     message: "...",
     onEscape: null,
     buttons: {
          refresh: {
               label: "<i class=\"fa fa-check\"></i> Refresh",
               className: "btn-warning btn-lg pull-left",
               callback: function(){
                    return false;
               }      
          }
      }
});

按钮中的 Bootbox 和 Font awesome 图标

Bootbox and Font awesome icon in button

twitter-bootstrap

font-awesome

bootbox