当前位置: 代码迷 >> JavaScript >> jsp页面添<base href="<%=basePath%>">则使用easyui的tree就不会显示
  详细解决方案

jsp页面添<base href="<%=basePath%>">则使用easyui的tree就不会显示

热度:559   发布时间:2013-01-22 10:23:54.0
jsp页面加<base href="<%=basePath%>">则使用easyui的tree就不会显示
<%@ 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%>">
    <title>My JSP 'tree.jsp' starting page</title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="../css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../css/themes/default/icon.css">

<script type="text/javascript" src="<%=basePath%>/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/jquery.easyui.min.js"></script>

<script type="text/javascript" src="tree.js"></script>

  </head>
  
  <body>
    <ul id="treess"></ul>
  </body>
</html>

tree.js代码

//页面加载完后执行
$(document).ready(function(){
    //调用树
    initTree();
});

/**
 * 初始化树
 */
function initTree(){

    $("#treess").tree({
    
        url: 'tree_data.json',
        animate: true,
        onClick: function(node){
            $('#treess').tree('beginEdit', node.target);
        }
    });
    
}

如果把页面<base href="<%=basePath%>">这句话删掉,就可以显示树,不删要不报错要不就不显示,麻烦高手们指点,
和<base href="<%=basePath%>">有啥关系,小弟实在是不晓得,搞了半天才找到这个问题的

------解决方案--------------------
用相对于站点根目录的路径。

如果js 文件夹在站点根目录下:
<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.easyui.min.js"></script>
------解决方案--------------------
<base href=""> 就是指网页里面的相对链接的前缀url,如在<head></head>部分定义了此链接为http://www.sonyes.cn/,那么下面的<a href=aaa.html></a>代表http://www.sonyes.cn/aaa.html 这个标签的用处是解决编程时候的相对路径

参见
------解决方案--------------------
可能是和easyui的js有冲突吧
  相关解决方案