使用javascript创建easyui layout，为什么创建不了？
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Inserttitlehere</title><linkrel...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="easyui-1.4.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui-1.4.1/themes/icon.css">
<script type="text/javascript" src="easyui-1.4.1/easyloader.js"></script>
<script type="text/javascript" src="easyui-1.4.1/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(function(){
alert(123);
$("#mainLayout").layout('add',{
region:'north',
height:100,
title:'北'
});
$("#mainLayout").layout('add',{
region:'south',
height:30,
title:'南'
});
$("#mainLayout").layout('add',{
region:'east',
width:100,
title:'西'
});
$("#mainLayout").layout('add',{
region:'west',
width:100,
title:'东'
});
$("#mainLayout").layout('add',{
region:'center',
title:'中'
});
});
</script>
<body>
<div id="mainLayout" ></div>
</body>
</html>
这里是代码。 展开
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="easyui-1.4.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui-1.4.1/themes/icon.css">
<script type="text/javascript" src="easyui-1.4.1/easyloader.js"></script>
<script type="text/javascript" src="easyui-1.4.1/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(function(){
alert(123);
$("#mainLayout").layout('add',{
region:'north',
height:100,
title:'北'
});
$("#mainLayout").layout('add',{
region:'south',
height:30,
title:'南'
});
$("#mainLayout").layout('add',{
region:'east',
width:100,
title:'西'
});
$("#mainLayout").layout('add',{
region:'west',
width:100,
title:'东'
});
$("#mainLayout").layout('add',{
region:'center',
title:'中'
});
});
</script>
<body>
<div id="mainLayout" ></div>
</body>
</html>
这里是代码。 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Full Layout - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
$("#cc").layout('add',{
region:'west',
width:180,
title:'西'
});
$("#cc").layout('add',{
region:'east',
width:180,
title:'东'
});
$("#cc").layout('add',{
region:'north',
width:180,
title:'北'
});
$("#cc").layout('add',{
region:'south',
width:180,
title:'南'
});
$("#cc").layout('add',{
region:'center',
width:180,
title:'中部'
});
});
</script>
</head>
<body >
<div id="cc" class="easyui-layout" style="width:600px;height:400px;">
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="easyui-1.4.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui-1.4.1/themes/icon.css">
<script type="text/javascript" src="easyui-1.4.1/easyloader.js"></script>
<script type="text/javascript" src="easyui-1.4.1/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(function(){
alert(123);
$("#mainLayout").layout('add',{
region:'north',
height:100,
title:'北'
});
$("#mainLayout").layout('add',{
region:'south',
height:30,
title:'南'
});
$("#mainLayout").layout('add',{
region:'east',
width:100,
title:'西'
});
$("#mainLayout").layout('add',{
region:'west',
width:100,
title:'东'
});
$("#mainLayout").layout('add',{
region:'center',
title:'中'
});
});
</script>
<body>
<div id="mainLayout" class="easyui-layout" style="width:700px;height:350px;"></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="easyui-1.4.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui-1.4.1/themes/icon.css">
<script type="text/javascript" src="easyui-1.4.1/easyloader.js"></script>
<script type="text/javascript" src="easyui-1.4.1/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(function(){
alert(123);
$("#mainLayout").layout('add',{
region:'north',
height:100,
title:'北'
});
$("#mainLayout").layout('add',{
region:'south',
height:30,
title:'南'
});
$("#mainLayout").layout('add',{
region:'east',
width:100,
title:'西'
});
$("#mainLayout").layout('add',{
region:'west',
width:100,
title:'东'
});
$("#mainLayout").layout('add',{
region:'center',
title:'中'
});
});
</script>
<body>
<div id="mainLayout" class="easyui-layout" style="width:700px;height:350px;"></div>
</body>
</html>
追问
兄弟，感谢。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
