如何在Jquery UI对话框中添加按钮？

Question

我正在使用Jquery UI对话框，我想添加一个按钮。我可以在对话框中使用.html()作为函数吗？

$(".selector").dialog({
    buttons: [{
      text: "Ok",
      click: function () {
        $(this).dialog("close");
    },
    {
        text: "View Details",
        click: function () {
            $(this).html('Some HTML');
        }
    }]
});

Answer 1

使用option方法动态更改对话框的按钮。首先使用一个参数来获取旧按钮，修改该数组，然后使用两个参数来更改按钮。

$( ".selector" ).dialog({
    buttons: [
        {
            text: "Ok",

            click: function() {
                $( this ).dialog( "close" );
            }
        },
        {
            text: "View Details",
            click:function(){
                var buttons = $(this).dialog("option", "buttons");
                buttons.push({
                    text: "New button",
                    click: function() {
                        alert("New button clicked");
                    }
                });
                $( this ).dialog("option", "buttons", buttons);
            }
        }
    ]
});