javascript - 如何在此代码中添加“添加”按钮？

Question

对不起，我不了解 JS。但是我有这个 Jquery 对话框代码，需要添加一个显示“添加”的按钮并调用一个新的空白对话框？我是一名 UX/UI 设计师，语法把我搞砸了，哈哈。任何帮助都会很棒。

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

$( "#opener" ).click(function() {
    $( "#dialog-message" ).dialog(  "option", "width", 650  );
    $( "#dialog-message" ).dialog( "open" );
    return false;
}); 

Answer 1

button 属性是一个 javascript文字对象，所以你可以像这样添加一个按钮：

buttons: {
    Ok: function() {
        $( this ).dialog( "close" );
    },
    Add : function() {
      $('#otherDialog').dialog("open");
    }
}

如您所见，它们是用逗号分隔的函数，名称将用作文本。

Answer 2

试试这个：

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