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

ボタン プロパティは 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" );
                }
            }
        });
    });
});