bootstrap 模态框

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<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" style="text-align:center;">重写</h4>
				</div>
				<div class="modal-body">
					<div id="epc" style="display:none"></div>
					<input id="newDh" type="text" placeholder="请输入要重新写入的档号" style="width:200px;text-align:center;display:block;margin:0 auto;">
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" οnclick="rewrite()">写入</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
				</div>
			</div>
		</div>
	</div>

界面是从W3C上面撸下来的。交互效果直接在 js代码里写 $("#myModalLabel").modal()就行了，然而我在写代码的时候，浏览器F12 console 提示说modal()位定义，蒙蔽了，感觉自己像个制杖。。。

解决办法当然很简单，如下

<script src="${path }/static/js/jquery.min.js" type="text/javascript"></script>
<script src="${path }/static/js/bootstrap.min.js" type="application/javascript"></script>

在引入jquery.min.js 后 引入bootstrap.min.js，问题解决，啦啦啦~~