在div+css布局中使用easyui 时，每个div页面都引用了easyui的js，效果会乱掉，请大侠们帮忙_百度知道
在div+css布局中使用easyui 时，每个div页面都引用了easyui的js，效果会乱掉，请大侠们帮忙
如图所示://g.jsp同时引用了easyui的包.hiphotos://g.baidu，请问有没有好的办法.jpg" esrc="http，由于header.jpg" esrc="http://a.jpg" />这时是正常的.hiphotos.baidu.baidu，&/zhidao/wh%3D450%2C600/sign=765afa22aa1ced3fd57bf/2cf5e0fecc7ae5fdf8db1cb137097.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http.hiphotos我刚学习div+css布局，采用的是jquery
提问者采纳
引用公共包文件多半是放在header和foot页面这两个公共页面中,js会报&#39,可以保证每个页面都加载到easyui的包最好在header中加载一次就可以了,否则,其他页面不要加载一般情况下;重复声明变量或方法&#39
我本来是想用div+css来实现点击header操作left或right，采用的是jquery.load()局部加载页面，待加载的子页面能不能共享到父页面的引用js包呢？
提问者评价
你真棒，学习了
其他类似问题
按默认排序
其他1条回答
jsp或者left我猜想应该是目标节点被重复赋予操作导致，先展开但是又马上自动收起一样，就好比对同一个div，你使用两次toggle方法.jsp中的引用删掉一个看是否正常，那实际效果就是点击该div。这里你把header
我试过，因为每个JSP中都需要easyui的效果，如果去除掉，就会没有效果
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁GodSon - 关于easyui的窗口和tab页面不执行js说明
14:44 , 已有14563次阅读
一直以来群里里面很多人反应，在用tab加载界面的时候，界面里面的js不会执行。今天GodSon在此说明一下原因。
不管是window，dailog还是tab其实质最终都是继承了panel。panel有两种方式展示内容。第一是直接硬编码写到出来。第二是通过href属性，加载外部html片段。在这里就就设计到了一个html片段的概念。这个概念在easyui的整体架构中，是一个很重要的概念，因为很多人没弄明白，所以从中引发出了很多问题。我举个例子来说明html片段。
大家都知道html的标准结构是:
&title&这是完整的html结构&/title&
&script&&/script&
&div&内容&/div&
一般我们写html代码都应该遵循此此结构。而所谓的html片段就是上面完整结构中的内容部分。
&div&内容&/div&虽然我们也会建立一个文件如b.html来保存html片段，但是在这个b.html中我们只需要编写&body&里面的内容不需要在把html的标准结构写出来。
好了了解html片段的概念，就来说下我在使用个easyui的过程会大量出现的html片段。
其实在使用easyui中你没嵌入iframe的话，除了index界面会有完整的html结构，其他的所有界面都以html片段的形式存在。就那tab来说，首先在界面上定义一个tabs
&title&tab测试界面&/title&
&div class="easyui-tabs" fit="true" plain="true" style="height:100width:300"&
&div title="Title1" style="padding:10" href="tabs_href_test.html"&&/div&
&div title="Title2" style="padding:10"&Content 2&/div&
&div title="Title3" style="padding:10"&Content 3&/div&
&/html&看到上面片段的title=”Title1“处我定义了一个tab其中使用了href属性，就表明改此处是要从外部加载一个html片段来显示tab的内容。下面是我定义的tabs_href_test.html的内容
&script type="text/javascript" src="test.js"&&/script&
&script&alert("我是外部加载的html片段");&/script&
&div&&p&我是外部加载的html片段&/p&&/div&test.js的内容：
alert("我是外部界面导入的js");在此肯定会有很多人告诉我，我是这样写的，但是我的js根本就不执行。其实不然，我看到过很多要我解决类是问题的人，发给我看的代码。假如tabs_href_test.html是他们引入的外部界面，都会是如下这样的一个完整的结构
&meta http-equiv="Content-Type" content="text/ charset=UTF-8"&
&title&Tabs - jQuery EasyUI Demo&/title&
&script type="text/javascript" src="test.js"&&/script&
&script&alert("我是外部加载的html片段");&/script&
&div&&p&我是外部加载的html片段&/p&&/div&
&/html&他们都会问他们的js为什么不会执行。其实问题就在这里tabs_href_test.html界面最终其实是jq通过ajax请求过来内容，在append到目标区域。而通过ajax请求方法的responseText又只会抓去完整html片段中&body&里面的内容。正好他们把他们的js写在了body外面所以导致js没执行。这确的写法是在引入的界面当中不要出现&html&&head&&body&三个标签。因为这只是一个片段，你加载这一个片段只是为了动态嵌入到主界面当中某一个部分显示出来，不是一个完整的页面。
最后总结如果你应该用了easyui中加载外部界面的组件，例如：panel,window，dailog,tabs等。请确保你引入的界面是一个html片段。html片段正确的写法再次提醒不要出现&html&&head&&body&三个标签：
&script type="text/javascript" src="test.js"&&/script&
&link ref="css"/&
&style&还可以写点样式&/style&
&script&alert("我是外部加载的html片段");&/script&
&div&&p&我是外部加载的html片段&/p&&/div&
如果你读了我的文章，觉得有帮助，欢迎
你的一点点心意了^_^！！！收藏，102 浏览
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
页面中报错, jquery.js 中有一处报了length未定义，求指教
$('#tb_helps').datagrid({
url: '/Admin/PluginHelps/HotList',
title: '帮助内容列表',
iconCls: 'icon-view',
dataType:'json',
height: 650,
width: function () { return document.body.clientWidth * 0.9; },
nowrap: true,
autoRowHeight: false,
striped: true,
collapsible: true,
pagination: true,
pageSize: 100,
pageList: [50, 100, 200],
rownumbers: true,
sortOrder: 'asc',
remoteSort: false,
idField: 'ID',
columns: [[
field: "Title",
title: "@T("Admin.ContentManagement.Helps.Help.Fields.Title")",
width: 300
field: "DisplayOrder",
title: "@T("Admin.ContentManagement.Helps.Help.Fields.DisplayOrder")",
width: 150,
field: "Detail",
title: "@T("Admin.ContentManagement.Helps.Help.Fields.Detail")",
width: 800,
field: "Id",
title: "@T("mon.Edit")",
width: 125,
template: '&a href="HelpEdit/#=Id#"&@T("mon.Edit")&/a&'
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
4月20日 回答
请检查返回的json数据是不是一个数组
$('#tb_helps').datagrid({
//url: '/data/test.json',
'Title':'Title',
'DisplayOrder':'DisplayOrder',
'Detail':'Detail',
title: '帮助内容列表',
iconCls: 'icon-view',
dataType:'json',
height: 650,
width: function () { return document.body.clientWidth * 0.9; },
nowrap: true,
autoRowHeight: false,
striped: true,
collapsible: true,
pagination: true,
pageSize: 100,
pageList: [50, 100, 200],
rownumbers: true,
sortOrder: 'asc',
remoteSort: false,
idField: 'ID',
columns: [[
field: "Title",
title: "Title",
width: 300
field: "DisplayOrder",
title: "DisplayOrder",
width: 150,
field: "Detail",
title: "Detail",
width: 800,
field: "Id",
title: "Id",
width: 125,
template: '&a href="HelpEdit/#=Id#"&@T("mon.Edit")&/a&'
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
8 小时前 回答
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
同步到新浪微博
不要错过该问题的后续解决方案
如果你没找到答案，记得登录关注哦，大家会尽全力帮你解决的 ^___^
分享到微博？
关闭理由：
删除理由：
忽略理由：
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
内容质量差，或不适合在本网站出现
无意义讨论型问题
其他原因（请补充说明）
举报理由：
带有人身攻击、辱骂、仇恨等违反条款的内容
与已有问题重复（请编辑该提问指向已有相同问题）
内容质量差，或不适合在本网站出现
答非所问，不符合答题要求
其他原因（请补充说明）
补充说明：