Есть ли какая-то магия вокруг названия кнопки «Отмена» в диалоге модального подтверждения пользовательского интерфейса jQuery?

Question

Если мы посмотрим на источник демонстрационного подтверждения модального диалога jQuery UI :

$("#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 имеет заголовок в "quotes".Подобный код можно найти скопированным и разбросанным по сети.

Есть ли какое-то значение для этого?Я посмотрел на (несжатый) источник jquery.ui.dialog.js, и я не думаю, что есть какое-то забавное дело, но JS не совсем моя сильная сторона, поэтому я мог легко что-то упустить.

Answer 1

Литералы объекта в JavaScript должны иметь имена свойств, заключенные в кавычки, если имена не являются допустимыми идентификаторами (или если они являются зарезервированными словами типа «класс»).

Кроме этого, нет разницы между этими двумя свойствами в вашем примере. Это просто свойства объекта.

Answer 2

В этом нет ничего смешного, это просто способ указать свойство с необычным названием.Вы также можете сделать это:

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

И это будет то же самое.

По сути, то, что вы передаете в диалог $ ("..."). Это просто набор параметров в виде объекта javascript.Ниже jQuery будет использовать $ .extend (...), чтобы объединить его со значениями по умолчанию.

РЕДАКТИРОВАТЬ: удаленный хитрый код

Answer 3

Отмена - это элемент пользовательского интерфейса, который практически гарантирован для любого элемента пользовательского интерфейса диалога.В конце концов, хотя вы можете закрыть окно с буквой «X» в верхнем углу, это неправильный шаблон пользовательского интерфейса, которому нужно следовать.

Он работает так же, если вы заключаете в кавычки элемент отмены.