                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /玩轉(zhuǎn)Bootstrap（基礎(chǔ)）

為什么添加了data-keyboard="true"，按ESC無法退出？

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title>JavaScript觸發(fā)時(shí)的參數(shù)設(shè)置（二）</title>
<link?rel="stylesheet"?>
</head>
<body>
<button?class="btn?btn-primary"?type="button">點(diǎn)擊我</button>
<div?class="modal"?id="mymodal"?data-backdrop="true"?data-keyboard="true">
????<div?class="modal-dialog">
????????<div?class="modal-content">
????????????<div?class="modal-header">
??
??????????????<button?type="button"?class="close"?
data-dismiss="modal"><span?
aria-hidden="true">&times;</span><span?
class="sr-only">Close</span></button>
????????????????<h4?class="modal-title">模態(tài)彈出窗標(biāo)題</h4>
????????????</div>
????????????<div?class="modal-body">
????????????????<p>模態(tài)彈出窗主體內(nèi)容</p>
????????????</div>
????????????<div?class="modal-footer">
????????????????<button?type="button"?class="btn?btn-default"?data-dismiss="modal">關(guān)閉</button>
????????????????<button?type="button"?class="btn?btn-primary">保存</button>
????????????</div>
????????</div><!--?/.modal-content?-->
????</div><!--?/.modal-dialog?-->
</div><!--?/.modal?-->

<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>?
<script>
??$(function(){
????$(".btn").click(function(){
??????$("#mymodal").modal("toggle");
????});
????$('#mymodal').on('hidden.bs.modal',?function?(e)?{
????alert("hidden")
})
??});
</script>
</body>
</html>