javascript - 组合多个 jQuery 对话框选择器

Question

我想知道如何组合不同选择器的功能。所有函数都会打开和关闭对话框，但对话框不同。所以我不知道这是否可能。它只是看起来不对，如果有人看到它，他们会称我为白痴。现在我有:

$(document).ready(function() {
    $('div#basic_dialog').dialog({
        autoOpen: false,
        buttons: {
            "Close": function () {
                $('div#basic_dialog').dialog("close");
                window.location.href = "#contact";
            }
        }
    })
    $('#basic_dialog_button').click(function(){ $('div#basic_dialog').dialog('open'); });
    $('div#caption_dialog').dialog({
        autoOpen: false,
        buttons: {
            "Close": function () {
                $('div#caption_dialog').dialog("close");
                window.location.href = "#contact";
    }
    }
    })
 $('#caption_dialog_button').click(function(){ $('div#caption_dialog').dialog('open'); });
    $('div#plus_dialog').dialog({
    autoOpen: false,
    buttons: {
        "Close": function () {
                $('div#plus_dialog').dialog("close");
        window.location.href = "#contact";
    }
    }
    })
$('#plus_dialog_button').click(function(){ $('div#plus_dialog').dialog('open'); });
$('div#skills_dialog').dialog({
    autoOpen: false,
    buttons: {
    "Close": function () {
        $('div#skills_dialog').dialog("close");
        window.location.href = "#contact";
    }
    }
})
$('#skills_dialog_button').click(function(){ $('div#skills_dialog').dialog('open'); });
})

但我很确定可以通过某种方式美化它。他们都打开和关闭不同的盒子，所以我不知道。如果他们都执行完全相同的功能，我知道该怎么做，但映射这种变化现在超出了我的能力范围。

Answer 1

您可以使用multiple selectors一次用逗号分隔它们。

$('div#basic_dialog, div#caption_dialog, etc...')

但是，对于像您这样的情况，我想我会建议使用类。