Jquery ui 向对话框按钮添加类似样式的选项

正如我在过去的帖子中所说，我是一名JavaScript新手，现在学习了一些JQuery

简报： 我需要创建一个对话框，当有人单击“取消”时触发该对话框，并具有（如“文本”或“值”）“是否确实要退出？”，其中有两个按钮：“是，我想离开”和“否，我想留在该页面”。“我想离开”按钮的重定向部分将在稍后解决

问题：我想使用宽度选项（换句话说，

width:auto

和

height：（number）px

）将按钮设置为可自动调整，但我无法确定：/

这是我的代码->

 $(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;
    });
});

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

---

我该怎么办？

如果在创建按钮时给按钮一个

id

，则可以使用CSS对其进行样式设置，包括给按钮一个

高度

和

宽度

---

示例-

是这样的东西，您正在寻找-？嗯…不。我想更改宽度和高度，是否使其可自动编辑（如果可能）或者设置一个确定的宽度/高度值。但是谢谢，你向我展示了一些我不知道可能的东西：D更改对话框的高度/宽度，按钮，或者两者都更改？抱歉，我在评论中没有提到。按钮。很好！这就是我要找的！非常感谢：D

    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"); } }
    ]