                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（基礎）

JS處理事件彈不出對話框

<head>
<link rel="stylesheet" type="text/css" href="<%=path %>/bs/css/bootstrap.min.css">
? </head>
<body>
? <button class="btn btn-primary" type="button" >按鈕</button>
? <div class="modal fade hide modal-sm" id="themodal">
? <div class="modal-dialog">
? <div class="modal-content">
? <div class="modal-header">
? <button class="close" data-dismiss="modal" type="button"><span>×</span></button>
? <h4 class="modal-title">模式對話框3標題</h4>
? </div>
? <div class="modal-body">
? <p>模式對話框3內容！</p>
? </div>
? <div class="modal-footer">
? <button class="btn btn-default" data-dismiss="modal" type="button">關閉</button>
? </div>
? </div>
? </div>
? </div>
<script>
? ? $(function(){
? ? ? ? $(".btn").click(function(){
? ? ? ? ? ? $("#themodal").modal();
? ? ? ? });
? ? });
</script>
? ? <script type="text/javascript" src="<%=path %>/bs/jquery-1.12.4.js"></script>
? ? <script type="text/javascript" src="<%=path %>/bs/js/bootstrap.min.js"></script>? ? ??
? </body>