$（...）。tabs不是函數jQuery UI 1.10.4

獲取此錯誤$（..）。tabs不是函數。

這裏是我進口

<link rel="stylesheet" href="css/jquery-ui-1.10.4.css" type="text/css"></link> <script type="text/javascript" src="js/jquery-2.1.1.js"></script> <script type="text/javascript" src="js/jquery-ui-1.10.4.js"></script> <script type="text/javascript" src="js/home.js"></script>

你能幫調試。

JSP文件

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1"%> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>Login to Web Service Details Tool</title>  
<script type="text/javascript" src="js/jquery-2.1.1.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script> 
<script type="text/javascript" src="js/home.js"></script> 
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css"></link> 
</head> 
<body> 
<div id="tabs"> 
    <ul> 
     <li><a href="#tabs1">Overview</a></li> 
     <li><a href="#tabs2">Web Service Dashboard</a></li>   
     <li><a href="#tabs3">Console</a></li> 

    </ul> 

    <div id="tabs1"> 
     <jsp:include page="overview.jsp" /> 
    </div> 
    <div id="tabs2"> 
     <jsp:include page="dashboard.jsp"/>   
    </div> 

    <div id="tabs3"> 
     <jsp:include page="menu.jsp" /> 
    </div> 

</div> 
<br><br>

這是工作，直到今天，我不知道爲什麼它停止工作&控制檯扔我錯誤tabs沒有定義的函數

來源

2014-07-21 user153

剛剛起來，你正在使用jQuery 2.1.1和jQueryUI 1.10.4。 –

你可以發佈HTML，也檢查以確保引用是正確的，即文件存在於您正在創建的頁面下的名爲** js **的文件夾中 – christiandev

+1 @christiandev，我期望您的jQueryUI文件是沒有正確加載。 –

結構需要看起來像這樣：

page.html 
-js (folder) 
--jquery-2.1.1.js 
--jquery-ui-1.10.4.js

然後至210

HTML文件將有引用如你上面顯示：

<link rel="stylesheet" href="css/jquery-ui-1.10.4.css" type="text/css"></link> 
<script type="text/javascript" src="js/jquery-2.1.1.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.10.4.js"></script> 
<script type="text/javascript" src="js/home.js"></script>

您也可以使用Chrome瀏覽器開發工具（F12），以檢查資源已加載

注意：如果你是home.js正在使用任何jquery功能，這個文件應該總是添加在jquery文件之後。

編輯：基於評論

確保你使用它像$("#name").tabs();，而不是$("#name").tabs;

來源

2014-07-21 13:57:16 christiandev

資源被加載，我可以在控制檯中看到它們。但控制檯拋出我一個錯誤 - TypeError：$（...）。tabs不是一個函數 – user153

你是否像使用'$（「＃name」）。tabs（）;'而不是'$（「＃name」）.tabs;' – christiandev

我正在使用$（「＃name」）。tabs（）;但不知何故問題完全不同。它解決了..謝謝。 – user153

我已經包含在包括JSP頁面的一個的jquery.js這是導致該問題&瀏覽器無法加載jquery文件。

來源

2014-07-22 09:22:39 user153

$（...）。tabs不是函數jQuery UI 1.10.4

回答

相關問題