javascript - jQuery UI 模态确认对话框中取消按钮的名称有什么神奇之处吗？

Question

如果我们查看 jQuery UI Dialog Modal confirmation demo 的来源:

$("#dialog-confirm").dialog({
    resizable: false,
    height: 140,
    modal: true,
    buttons: {
        "Delete all items": function () {
            $(this).dialog("close");
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

我们可以看到 Delete all items 和 Cancel 按钮的区别:只有 Delete all items 按钮有标题在 “引号” 中。类似的代码可以在网络上找到并复制粘贴。

这有什么意义吗？我查看了 jquery.ui.dialog.js 的(未压缩)源代码，我认为没有任何有趣的事情，但 JS 不完全是我的强点，所以我很容易遗漏一些东西。

Answer 1

这没什么好笑的，它只是一种用不寻常的名称指定属性的方法。你也可以这样做:

$("#dialog-confirm").dialog({
resizable: false,
height: 140,
modal: true,
buttons: {
    "Delete all items": function () {
        $(this).dialog("close");
    },
    "Cancel": function () {
        $(this).dialog("close");
    }
}});

这将是一回事。

基本上，您传递给 $("...").dialog 的只是一组作为 javascript 对象的选项。 jQuery 将在下面做的是使用 $.extend(...) 将其与其默认值合并。

编辑:删除了狡猾的代码