bootstrap+jquery項目引入文件報錯的解決方法

做一個項目的時候 ,控制臺總是會出現(xiàn)各種bug,其實不用慌張,終結(jié)起來也就幾種類型的錯誤,在開發(fā)中每次遇到錯誤都善于總結(jié),下次在看到就會胸有成竹知道是什么情況了,以下是在開發(fā)過程中總結(jié)的一些錯誤以及錯誤的解決方法。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供貴德網(wǎng)站建設(shè)、貴德做網(wǎng)站、貴德網(wǎng)站設(shè)計、貴德網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、貴德企業(yè)網(wǎng)站模板建站服務(wù),10年貴德做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

報錯一:Uncaught ReferenceError: $ is not defined

Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: jQuery is not defined

bootstrap+jquery項目引入文件報錯的解決方法 

錯誤原因:文件加載的順序不對,jQuery文件的順序要在前面

bootstrap+jquery項目引入文件報錯的解決方法 

方法:把jQuery文件寫在所有script文件前面

bootstrap+jquery項目引入文件報錯的解決方法 

報錯二:jsp頁面相對路徑和絕對路徑的問題:

正常路徑:html里面的../../,改成jsp頁面就找不到路徑了,這個時候成了這個鬼樣子

bootstrap+jquery項目引入文件報錯的解決方法 

這時候,只需要在文件里面加入這段代碼:

bootstrap+jquery項目引入文件報錯的解決方法 

解決辦法:在<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)

bootstrap+jquery項目引入文件報錯的解決方法 

原因:包括兩個不同版本的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

bootstrap+jquery項目引入文件報錯的解決方法 

解決方案:解決方案:將jquery.min.js放在bootstrap.min.js文件之前引用,bootstrap.min.css文件在整兩個文件前后引用都無妨(測試多次)。

總結(jié)

以上所述是小編給大家介紹的boostrap+jquery項目引入文件報錯的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!

標(biāo)題名稱:bootstrap+jquery項目引入文件報錯的解決方法
當(dāng)前路徑:http://muchs.cn/article2/pppcoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版自適應(yīng)網(wǎng)站、關(guān)鍵詞優(yōu)化、Google標(biāo)簽優(yōu)化、網(wǎng)站維護(hù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)