简报：

我需要创建一个对话框，当有人点击取消时会触发该对话框，并且具有（文字或值）“你确定要退出吗？“，有两个按钮：”是的，我想离开“和”不，我想留在这个页面上”。 “我想要离开”按钮的重定向部分将在稍后解决。

问题：我想使用宽度选项（换句话说，width:auto和height: (number)px将按钮设为 autoSizable ，但是我无法弄清楚：/

这是我的代码 - ＆gt;

 $(document).ready (function(){
    var $dialog = $('<div></div>');
    $(".selector").dialog({ modal:true });
    var $popUp = $('#btnCancel').one('click', function () {
        $dialog
        .html('All changes will not be saved')
        .dialog({
            title: 'Are you sure you want to exit?',
            resizable: false,
            modal: true,
            closeOnEscape: true,
            buttons: {

                "Yes, I want to leave": function() {
                $( this ).dialog( "close" );
                },
                "No, I want to stay on this page": function() {
                $( this ).dialog( "close" );
                }
            }
        });
    });
    $popUp.click(function () {
        $dialog.dialog('open');
        return false;
    });
});

我尝试更改这段代码的按钮部分 - ＆gt;

    buttons: [
       { text: "Exit", 'class':'exit-button', resizable: true, click: function () { $(this).dialog("close"); } },
       { text: "Go back", 'class': 'go-back-button', resizable: true, click: function () { $(this).dialog("close"); } }
    ]

但在最后一种情况下，它会创建两个值为“0”和“1”的按钮，并且没有onclick事件。

我该怎么办？

Answer 1

如果您在创建按钮时为其设置id，则可以使用CSS为其设置样式，包括为其提供height和width。

示例 - http://jsfiddle.net/tj_vantoll/ckhG6/2/

为对话框按钮添加类似样式的选项

简报：

1 个答案: