对于点击事件,可以使用
$('.modal').toggleClass('visible');
,但对于“转义”按钮单击,您正在使用。隐藏();
这个解决方案适合我:
<script>
$(document).ready(function(){
$('.modal-toggle').on('click', function(e) {
e.preventDefault();
$('.modal').toggleClass('visible');
});
})
$(document).keydown(function(e) {
var code = e.keyCode || e.which;
if (code == 27) $('.modal').toggleClass('visible');
});
</script>
注意:您还需要为“取消”按钮单击添加一个事件处理程序。