Question

在div+css布局中使用easyui 时，每个div页面都引用了easyui的js，效果会乱掉，请大侠们帮忙

我刚学习div+css布局，采用的是jquery.load()加载各个部分的jsp页面，如header.jsp，left.jsp
由于每个页面中都使用到easyui提供的效果，所以都引用了easyui的js包
然后会出现这样的效果：

这时是正常的，但我选择‘权限管理’后，就会出现如下情况，

如图所示，由于header.jsp和left.jsp同时引用了easyui的包，导致header.jsp导航按钮出现两个下拉箭头，而且里面的效果全乱掉了，请问有没有好的办法，能够不让效果乱掉？





Answer 1

一般情况下,引用公共包文件多半是放在header和foot页面这两个公共页面中,
可以保证每个页面都加载到
easyui的包最好在header中加载一次就可以了,其他页面不要加载,
否则,js会报'重复声明变量或方法'的错误

追问

我本来是想用div+css来实现点击header操作left或right，采用的是jquery.load()局部加载页面，待加载的子页面能不能共享到父页面的引用js包呢？

Answer 2

我猜想应该是目标节点被重复赋予操作导致，就好比对同一个div，你使用两次toggle方法，那实际效果就是点击该div，先展开但是又马上自动收起一样。

这里你把header.jsp或者left.jsp中的引用删掉一个看是否正常。

追问

我试过，因为每个JSP中都需要easyui的效果，如果去除掉，就会没有效果