最近用JqueryEasyUI做了树形,页面在本地可以正常显示,放到web工程里,css效果失效(工程为springmvc)。整整花了一个上午的时间。先看jsp页面引入:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="jsp/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jsp/themes/icon.css">
<script type="text/javascript" src="jsp/jquery.min.js"></script>
<script type="text/javascript" src="jsp/jquery.easyui.min.js"></script>
</head>
引入的路径是问题出现的原因之一:使用绝对路径时,在jsp前加入“/jsp/themes”推荐使用绝对路径。
出现原因之二:springMVC有个拦截器会拦截js css这些引用文件。在web.xml配置文件中加入以下代码:
<!-- springMVC有个拦截器会拦截js css这些引用文件,配置以下取消拦截 -->
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.css</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.gif</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.jpg</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
以上问题解决。