easyui layout样式不起作用

邀梦谈心 2015-02-01 03:25:07
代码如下:
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!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=utf-8">
<title>登陆页</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/themes/default/easyui.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/themes/icon.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/demo.css" />
<script src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div>
<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">west content</div>
<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
<div data-options="region:'center',title:'Center'"></div>
</body>
</html>
...全文
2102 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
开心汉堡包 2015-03-09
  • 打赏
  • 举报
回复
这种问题你参考demo是导入的什么,是怎么写的,如果写的一样,你的却出不来,一般是引入的路径问题,或者先后问题
ygl_0724 2015-03-06
  • 打赏
  • 举报
回复
可以在浏览器上查看一下源代码,应该是JS和CSS的路径不对
zp19890228 2015-02-06
  • 打赏
  • 举报
回复
检查下js和css的路径吧,我用你的代码试了,是可以的
kinglongxie 2015-02-04
  • 打赏
  • 举报
回复
这个好像不能直接加在body上吧,你用一个div包起来试试。
<div class="easyui-layout">
<div></div>
<div></div>
<div></div>
</div>

25,985

社区成员

发帖
与我相关
我的任务
社区描述
高性能WEB开发
社区管理员
  • 高性能WEB开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧