jquery - 使用jquery关闭对话框

Question

尝试使用 esc 关闭框不起作用

$(document).ready(function() {
    $("#btnShowSimple").click(function(e) {
        ShowDialog(false);
        e.preventDefault();
    });

    $("#btnShowModal").click(function(e) {
        ShowDialog(true);
        e.preventDefault();
    });

    $("#btnClose").click(function(e) {
        HideDialog();
        e.preventDefault();
    });



});

function ShowDialog(modal) {
    $("#overlay").show();
    $("#dialog").fadeIn(300);

    if (modal) {
        $("#overlay").unbind("click");
    }
    else {
        $("#overlay").click(function(e) {
            HideDialog();
        });
    }
}

function HideDialog() {
    $("#overlay").hide();
    $("#dialog").fadeOut(300);
}


$(document).keyup(function(e) {
    if (e.keyCode == 27) {
        $('.btnClose').click();
    } // esc
});​

Answer 1

为什么不直接调用你的HideDialog()函数？

$(document).keyup(function(e) {
    if (e.keyCode == 27) {
        HideDialog();
    } // esc
});​