2012-05-21 2 views
0

Попытки закрыть окно с помощью ESC не работаетЗакройте диалоговое окно с помощью JQuery

$(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 
});​ 
+2

Должно ли быть '.btnClose' или' # btnClose' на keyup()? –

+0

Вы пытаетесь использовать ключ esc для закрытия модального? Если это так, вам нужно прослушать событие keyup. – honyovk

+0

Работает с помощью диалога hide hide с событием – qwerty

ответ

2

Почему бы не просто назвать свою HideDialog() функции?

$(document).keyup(function(e) { 
    if (e.keyCode == 27) { 
     HideDialog(); 
    } // esc 
});​ 
Смежные вопросы