EasyUI树和Ztree树冲突问题


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失效。

简单记下,方便以后查看,避免犯同样的错误。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM