jquery ui不起作用。这个是把例子直接拷贝到jsp页面中的,原页面可用,但到了jsp里面就不起作用了 10
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><%Stringpath=request....
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath %>">
<link rel="stylesheet" href="<%=basePath %>js/jquery_ui/css/jquery-ui-1.9.1.custom.css" type="text/css"></link>
<!-- 引入 jquey ui 的js脚本 -->
<script type="text/javascript" src="<%=basePath %>js/jquery_ui/jquery-1.8.2.js"></script>
<%=basePath+"js/jquery_ui/css/jquery-ui-1.9.1.custom.css" %>
<%=basePath+"js/jquery_ui/jquery-1.8.2.js" %>
<%=basePath+"js/jquery_ui/jquery-ui-1.9.2.custom.js" %>
<script type="text/javascript" src="<%=basePath %>js/jquery_ui/jquery-ui-1.9.2.custom.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
}
</script>
</head>
<body >
<h2 class="demoHeaders">
Tabs
</h2>
<div id="tabs">
<ul>
<li>
<a href="#tabs-1">First</a>
</li>
<li>
<a href="#tabs-2">Second</a>
</li>
<li>
<a href="#tabs-3">Third</a>
</li>
</ul>
<div id="tabs-1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</div>
<div id="tabs-2">
Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium
vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce
sed lorem in enim dictum bibendum.
</div>
<div id="tabs-3">
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis.
Pellentesque nisi urna, interdum eget, sagittis et, consequat
vestibulum, lacus. Mauris porttitor ullamcorper augue.
</div>
</div>
</body>
</html> 展开
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath %>">
<link rel="stylesheet" href="<%=basePath %>js/jquery_ui/css/jquery-ui-1.9.1.custom.css" type="text/css"></link>
<!-- 引入 jquey ui 的js脚本 -->
<script type="text/javascript" src="<%=basePath %>js/jquery_ui/jquery-1.8.2.js"></script>
<%=basePath+"js/jquery_ui/css/jquery-ui-1.9.1.custom.css" %>
<%=basePath+"js/jquery_ui/jquery-1.8.2.js" %>
<%=basePath+"js/jquery_ui/jquery-ui-1.9.2.custom.js" %>
<script type="text/javascript" src="<%=basePath %>js/jquery_ui/jquery-ui-1.9.2.custom.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
}
</script>
</head>
<body >
<h2 class="demoHeaders">
Tabs
</h2>
<div id="tabs">
<ul>
<li>
<a href="#tabs-1">First</a>
</li>
<li>
<a href="#tabs-2">Second</a>
</li>
<li>
<a href="#tabs-3">Third</a>
</li>
</ul>
<div id="tabs-1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</div>
<div id="tabs-2">
Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium
vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce
sed lorem in enim dictum bibendum.
</div>
<div id="tabs-3">
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis.
Pellentesque nisi urna, interdum eget, sagittis et, consequat
vestibulum, lacus. Mauris porttitor ullamcorper augue.
</div>
</div>
</body>
</html> 展开
5个回答
展开全部
看了下,代码没有错,应该是你的jquery核心文件或者jquery ui的一些js脚本文没有引用正确,仔细检查下!
追问
我的代码是完全copy的。在jsp外面单独写成html是可以用的。jquery核心是copy jquery ui里面的。我打印了路径,是可以下载到js文件的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<%=basePath+"js/jquery_ui/css/jquery-ui-1.9.1.custom.css" %>
<%=basePath+"js/jquery_ui/jquery-1.8.2.js" %>
<%=basePath+"js/jquery_ui/jquery-ui-1.9.2.custom.js" %
这段是作什么用的?
大概是路径问题~~~可以试着替换实际路径试试~
<%=basePath+"js/jquery_ui/jquery-1.8.2.js" %>
<%=basePath+"js/jquery_ui/jquery-ui-1.9.2.custom.js" %
这段是作什么用的?
大概是路径问题~~~可以试着替换实际路径试试~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我遇到的问题是在myeclipse中preview有效果,运行时访问jsp页面就变的没有效果了,也试了不同的浏览器,不知道原因是什么
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我也遇到了类似的问题,tabs、menu、accordion等在ie9下都出现了失真的情况,你的那个问题解决了木有?如何解决的?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
所有的库文件都在对的位置么...
或者你把chrome的开发人员工具打开看看有没有报什么错...
或者你把chrome的开发人员工具打开看看有没有报什么错...
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询