快捷導(dǎo)航

bootstrap+jquery項(xiàng)目引入文件報(bào)錯(cuò)的解決方法

更新時(shí)間：2018年01月22日 11:31:36 作者：祈澈姑娘

這篇文章主要介紹了bootstrap+jquery項(xiàng)目引入文件的常見報(bào)錯(cuò)問題，下面小編給大家?guī)砹艘恍╁e(cuò)誤及錯(cuò)誤的解決方法,需要的朋友可以參考下

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

報(bào)錯(cuò)一：Uncaught ReferenceError: $ is not defined

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

錯(cuò)誤原因：文件加載的順序不對(duì)，jQuery文件的順序要在前面

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

報(bào)錯(cuò)二：jsp頁(yè)面相對(duì)路徑和絕對(duì)路徑的問題：

正常路徑：html里面的../../，改成jsp頁(yè)面就找不到路徑了，這個(gè)時(shí)候成了這個(gè)鬼樣子

這時(shí)候，只需要在文件里面加入這段代碼：

解決辦法：在<html>和<head>之間插入以下代碼

<%
 String path = request.getRequestURI();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path;
%>
<base href="<%=basePath%>" rel="external nofollow" >

報(bào)錯(cuò)三：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)

原因：包括兩個(gè)不同版本的jQuery UI。這可能會(huì)導(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>

像這樣使用它，解決了我的問題！

報(bào)錯(cuò)四：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)

報(bào)錯(cuò)五：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文件在整兩個(gè)文件前后引用都無妨（測(cè)試多次）。

總結(jié)

以上所述是小編給大家介紹的boostrap+jquery項(xiàng)目引入文件報(bào)錯(cuò)的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: