$(...)。tabs不是jQuery UI 1.10.4的函数

时间:2014-07-21 13:38:11

标签: jquery-ui

获取此错误$(..)。制表符不是函数。

这是我的导入

<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 FILE

<%@ 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>

这一直工作到今天,我不知道为什么它停止工作&amp;控制台抛出我错误tabs未定义函数

2 个答案:

答案 0 :(得分:2)

结构需要如下所示:

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

然后,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 dev工具(F12)检查资源是否已加载

注意:如果您home.js正在使用任何 jquery 功能,则应始终在jquery文件之后添加此文件。

编辑:根据评论

确保您使用$("#name").tabs();而不是$("#name").tabs;

答案 1 :(得分:0)

我在其中一个包含的jsp页面中包含了jquery.js,这导致了问题&amp;浏览器无法加载jquery文件。