jquery - 如何使用 jquery 在对话框按钮中显示打印图标？

Question

如何使用 jquery 在对话框按钮中显示打印图标？

$( "#dialog-message" ).dialog({
        modal: true,
        buttons: {
            Ok: function() {
                $( this ).dialog( "close" );
            }
        }
    });

Answer 1

也许您正在寻找类似Modal Message demo的东西，尽管它带有某种Print图标而不是复选标记。

---

从 jQuery UI 对话框按钮图标：

$( "#dialog-message" ).dialog({
    modal: true,
    buttons: {
        Ok: function() {
            $( this ).dialog( "close" );
        }
    },
    open: function() {
        $('.ui-dialog-buttonpane').find('button:contains("Ok")').button({
            icons: {
                // here's a hint: you don't want a "cancel" icon
                primary: 'ui-icon-cancel'
            }
        });
    }
});

演示：http: //jsbin.com/avixe4

---

如果我的提示不够明显，您只需在上面的代码中更改'ui-icon-cancel'为'ui-icon-print'。

演示#2：http: //jsbin.com/avixe4/2