zoukankan      html  css  js  c++  java
  • 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失效。

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

  • 相关阅读:
    人生转折点:弃文从理
    人生第一站:大三暑假实习僧
    监听器启动顺序和java常见注解
    java常识和好玩的注释
    182. Duplicate Emails (Easy)
    181. Employees Earning More Than Their Managers (Easy)
    180. Consecutive Numbers (Medium)
    178. Rank Scores (Medium)
    177. Nth Highest Salary (Medium)
    176. Second Highest Salary(Easy)
  • 原文地址:https://www.cnblogs.com/lixiaochao/p/6256405.html
Copyright © 2011-2022 走看看