1、今天做项目的时候出现了如下的错误。
报错:TypeError: $(...).tree is not a function
代码如下:
这是EasyUI的页面部分
$(function(){ $('#menu').tree({ onClick: function(node){ if($('#menu').tree("isLeaf",node.target)){ var tabs = $("#tabs"); var tab = tabs.tabs("getTab",node.text); if(tab){ tabs.tabs("select",node.text); }else{ tabs.tabs('add',{ title:node.text, href: node.attributes.url, closable:true, bodyCls:"content" }); } } } }); });
报错提示$('#menu').tree()不是一个方法。
我的Ztree的页面如下:
<link rel="stylesheet" href="${pageContext.request.contextPath }/pub/js/zTree/css/zTreeStyle/demo.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/pub/js/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/zTree/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/zTree/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/zTree/js/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/zTree/js/jquery.ztree.exedit-3.5.js"></script>
红色部分,会让$('#menu').tree() 失效。
2、这是因为easyUI所关联的是
<script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/jquery-easyui-1.5.1/jquery.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js"></script>
上面加红的代码有问题,去掉之后就可以了。
总结来说就是easyUI关联的js应该是 jquery.min.js , jquery.easyui.min.js, easyui-lang-zh_CN.js 。所以会让easyUI的tree失效。
简单记下,方便以后查看,避免犯同样的错误。