您的位置:首页 > Web前端 > BootStrap

bootstrap static modal

2015-06-08 13:50 597 查看
modal 显示后,点击空白处不去 hide modal

<!DOCTYPE html>
<html lang="en">
<head>
<title> modal </title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">

<!-- Modal -->
<div class="modal fade" id="staticModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
{backdrop:"static"}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<button id="btn-static-modal" class="btn btn-primary" value="clickevent">backdropStatic</button>
</div>

<script>
$(document).ready(function(){
$('#btn-static-modal').click(function(){
$('#staticModal').modal({backdrop:'static'}).modal('show');
});
});
</script>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: