Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript $(…).tabs()不是使用Spring MVC和jQuery 3.1.0的函数_Javascript_Jquery_Spring_Spring Mvc_Jquery Ui Tabs - Fatal编程技术网

Javascript $(…).tabs()不是使用Spring MVC和jQuery 3.1.0的函数

Javascript $(…).tabs()不是使用Spring MVC和jQuery 3.1.0的函数,javascript,jquery,spring,spring-mvc,jquery-ui-tabs,Javascript,Jquery,Spring,Spring Mvc,Jquery Ui Tabs,我正在使用SpringMVC在本地运行一个web门户,我很难让jQuery选项卡正常工作。我总是遇到错误,$(…)。tabs()不是函数 这是我的jsp: <!DOCTYPE html> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <html> <head> <spring:url value="/resources/css/style.cs

我正在使用SpringMVC在本地运行一个web门户,我很难让jQuery选项卡正常工作。我总是遇到错误,
$(…)。tabs()不是函数

这是我的jsp:

<!DOCTYPE html>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<html>
<head>
  <spring:url value="/resources/css/style.css" var="css" />
  <spring:url value="/resources/js/main.js" var="js" />
  <link rel='stylesheet' type='text/css' href="${css}">
  <script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
  <script src="${js}"></script>
  <title>Title</title>
</head>
<body> 

  <h1>Title</h1>
  <div id="tabs">
    <ul>
      <li><a href='#current-projects'>Current Projects</a></li>
      <li><a href='#our-vision'>Our Vision</a></li>
      <li><a href='#description'>About Us</a></li>
    </ul>
    <div id='current-projects' class='skill-block'>
      <h2>Current Projects</h2>
      <p class='description'>
        <div class='projects-button'>Show</div>
        <ul class='projects'>
          <li>Broadway</li>
          <li>MOVE</li>
        </ul>
      </p>
    </div>
    <div id='our-vision' class='skill-block'>
      <h2>Our Vision</h2>
      <p class='description'>
        <div class='projects-button'>Show</div>
        <ul class='projects'>
          <li>Password Validator</li>
          <li>Whale Talk</li>
        </ul>
      </p>
    </div>
    <div id='description' class='skill-block'>
      <h2>About Us</h2>
      <p class='description'>
        <div class='projects-button'>Show</div>
        <ul class='projects'>
          <li>Coming soon...</li>
        </ul>
      </p>
    </div>
  </div>

</body>

</html>
我还尝试下载jQuery文件以在本地加载,但出现了相同的错误。

是jQuery ui函数。。您需要包括jquery ui。。因此,在include jquery的行之后插入这一行

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/j‌​query-ui.min.js"></s‌​cript>

标题
当前项目

显示

  • 百老汇
  • 移动

我们的愿景

显示

  • 密码验证器
  • 鲸语

关于我们

显示

  • 马上就要来了

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/j‌​query-ui.min.js"></s‌​cript>