使用Bootstrap模態框時Uncaught TypeError: $(...).modal is not a function

使用Bootstrap模態框時Uncaught TypeError: $(...).modal is not a function

 

看了官網代碼，發現沒有錯，和視頻中的源碼對比也發現沒有錯

//點擊新增按鈕彈出新增頁面
        $("#emp_add_modal_btn").click(function(){
            //清除表單數據
            
            //發送ajax請求，查詢部門信息，顯示在列表中

            //彈出新增頁面
            $("#empAddModal").modal({
                backdrop:false
            });
        });

結果發現是自己的Jquery 的引入在bootstrap的后面導致的，把jquery的js引入放在bootstrap后面就行了

<script type="text/javascript" src="${APP_PATH}/static/js/jquery-1.12.4.min.js"></script>
 <link href="${APP_PATH}/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
 <script type="text/javascript" src="${APP_PATH}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>