javascript - 如何在 jquery ui 对话框中初始化按钮

Question

我正在使用 jquery ui 对话框。我已经在document.ready事件中初始化了一个对话框。

   $("#globalConfirm").dialog({
        width: 500, autoOpen: false, resizable: false, draggable: false,
        modal: false        
   });

此对话框用于确认。现在稍后我想添加一个按钮选项和回调函数，例如：

   $("#globalConfirm").dialog("option", "buttons", '{
        "Confirm": function (event, ui) {
            //jquery code
        },
        "Cancle": function (event, ui) {
            $(this).dialog("close");
        }'
    );

这是在初始化对话框后初始化jquery ui对话框的按钮选项的编写方式吗？

Answer 1

是的，只需将选项作为对象传递，而不是字符串。

   $("#globalConfirm").dialog("option", "buttons", {
        "Confirm": function (event, ui) {
            //jQuery code
        },
        "Cancel": function (event, ui) {
            $(this).dialog("close");
        }
    );