Question

很抱歉我不了解JS。但我有这个Jquery对话框代码，需要添加一个按钮，说明＆＃34; Add＆＃34;并会调用一个新的空白对话框？我是一个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 literal object，因此您可以添加如下按钮：

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" );
                }
            }
        });
    });
});

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

2 个答案: