1

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

简报：

我需要创建一个对话框，当有人单击Cancel时触发，并且具有（作为文本或值）“您确定要退出吗？ ”，带有两个按钮：“是的，我想离开”和“否，我想留在这个页面上”。“我想离开”按钮的重定向部分稍后会弄清楚。

问题：我想使用宽度选项使按钮可自动调整大小（换句话说，和，但我无法弄清楚：/width:autoheight: (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;
    });
});

我尝试更改这段代码的按钮部分->

    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 事件。

我应该怎么办？

4

1 回答 1

0

如果你id在创建按钮时给它们一个 ，你可以用 CSS 来设置它们的样式，包括给它们一个height和width。

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

于 2012-07-19T15:03:25.533 回答