bootstrap+jquery項目引入文件報錯的解決方法
做一個項目的時候 ，控制臺總是會出現(xiàn)各種bug,其實不用慌張，終結(jié)起來也就幾種類型的錯誤，在開發(fā)中每次遇到錯誤都善于總結(jié)，下次在看到就會胸有成竹知道是什么情況了，以下是在開發(fā)過程中總結(jié)的一些錯誤以及錯誤的解決方法。
報錯一：Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: $ is not defined Uncaught ReferenceError: jQuery is not defined
錯誤原因：文件加載的順序不對，jQuery文件的順序要在前面
方法：把jQuery文件寫在所有script文件前面
報錯二：jsp頁面相對路徑和絕對路徑的問題：
正常路徑：html里面的../../，改成jsp頁面就找不到路徑了，這個時候成了這個鬼樣子
這時候，只需要在文件里面加入這段代碼：
解決辦法：在<html>和<head>之間插入以下代碼
<% String path = request.getRequestURI(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path; %> <base href="<%=basePath%>" rel="external nofollow" >
報錯三：Uncaught TypeError: $(...).tooltip is not a function
Uncaught TypeError: $(...).tooltip is not a function at HTMLDocument.<anonymous> (app.js:42) at l (jquery.min.js:4) at Object.fireWith [as resolveWith] (jquery.min.js:4) at Function.ready (jquery.min.js:4) at HTMLDocument.S (jquery.min.js:4)
原因：包括兩個不同版本的jQuery UI。這可能會導(dǎo)致沖突。嘗試刪除
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
解決辦法：
編輯：
<script>
jQuery( document ).ready(function( $ ) {
$('.hasTooltip').tooltip();
});
</script>
像這樣使用它，解決了我的問題！
報錯四：Uncaught TypeError: $(...).sortable is not a function
Uncaught TypeError: $(...).sortable is not a function at HTMLDocument.<anonymous> (dashboard.js:12) at l (VM552 jquery.min.js:4) at Object.fireWith [as resolveWith] (VM552 jquery.min.js:4) at Function.ready (VM552 jquery.min.js:4) at HTMLDocument.S (VM552 jquery.min.js:4)
報錯五：bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery
bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery at bootstrap.min.js:7
解決方案：解決方案：將jquery.min.js放在bootstrap.min.js文件之前引用，bootstrap.min.css文件在整兩個文件前后引用都無妨（測試多次）。
總結(jié)
以上所述是小編給大家介紹的boostrap+jquery項目引入文件報錯的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
- bootstrap+jQuery 實現(xiàn)下拉菜單中復(fù)選框全選和全不選效果
- vue中如何引入jQuery和Bootstrap
- Bootstrap jquery.twbsPagination.js動態(tài)頁碼分頁實例代碼
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法
- Jquery與Bootstrap實現(xiàn)后臺管理頁面增刪改查功能示例
- Bootstrap select下拉聯(lián)動（jQuery cxselect）
- 通過BootStrap-select插件 js jQuery控制select屬性變化
- jquery插件bootstrapValidator表單驗證詳解
相關(guān)文章
jQuery控制元素顯示、隱藏、切換、滑動的方法總結(jié)
這篇文章主要介紹了jQuery控制元素顯示、隱藏、切換、滑動的方法總結(jié),本文講解了hide()、show() 、slideDown、slideUp、 slideToggle、fadeIn()、fadeOut()、fadeTo()等方法使用實例,需要的朋友可以參考下2015-04-04
jQuery插件FusionCharts實現(xiàn)的MSBar2D圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實現(xiàn)的MSBar2D圖效果,結(jié)合實例形式分析了jQuery使用FusionCharts插件結(jié)合xml數(shù)據(jù)載入實現(xiàn)繪制MSBar2D圖的相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2017-03-03![[jQuery] 事件和動畫詳解](http://img.jbzj.com/images/xgimg/bcimg2.png)
這篇文章主要介紹了JQ事件和動畫，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
jquery1.4在ajax方法上進一步的進行優(yōu)化和調(diào)整，主要是做了如下的改進。2010-02-02
在IE 瀏覽器中使用 jquery的fadeIn() 效果 英文字符字體加粗
在IE 瀏覽器中使用 jquery的fadeIn() 效果 英文字符字體加粗的解決方法分享。2011-06-06
JQueryEasyUI框架下的combobox的取值和綁定的方法
這篇文章主要介紹了JQueryEasyUI框架下的combobox的取值和綁定的方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-01-01
JQuery下的Live方法和$.browser方法使用代碼
網(wǎng)站做好了，老師卻要求要3級菜單，無奈只好去做3級菜單了。這次3級菜單的思路是在原有不變的基礎(chǔ)上，對有3級菜單的ID，選擇進入新的一個控件。在這個新的控件里用ajax去請求其3級目錄里的東西。2010-06-06
這篇文章主要介紹了使用jQuery實現(xiàn)簡單穿梭框方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了jQuery調(diào)用ajax請求的常見方法,實例匯總了三種常見的jQuery調(diào)用Ajax的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)硪黄猨Query中事件與動畫的總結(jié)分享。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05