未捕获的类型错误：无法读取 zTree_v3 库上未定义的属性“init”答案

【问题标题】：Uncaught TypeError: Cannot read property 'init' of undefined on zTree_v3 library未捕获的类型错误：无法读取 zTree_v3 库上未定义的属性“init”
【发布时间】：2014-07-07 08:09:34
【问题描述】：

我在使用 zTree 库时遇到了问题。这是我的代码

<script type="text/javascript" src="<?php echo base_url()?>asset/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>asset/js/jquery.ztree.core-3.5.js"></script>
<SCRIPT type="text/javascript">
    <!--
    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        }
    };

    var zNodes =[
        { id:1, pId:0, name:"Custom Icon 01", open:true, iconOpen:"<?php echo base_url()?>asset/img/diy/1_open.png", iconClose:"<?php echo base_url()?>asset/img/diy/1_close.png"},
        { id:11, pId:1, name:"leaf node 01", icon:"<?php echo base_url()?>asset/img/diy/2.png"},
        { id:12, pId:1, name:"leaf node 02", icon:"<?php echo base_url()?>asset/img/diy/2.png"},
        { id:13, pId:1, name:"leaf node 03", icon:"<?php echo base_url()?>asset/img/diy/2.png"},
        { id:2, pId:0, name:"Custom Icon 02", open:true, iconOpen:"<?php echo base_url()?>asset/img/diy/1_open.png", iconClose:"<?php echo base_url()?>asset/img/diy/1_close.png"},
        { id:21, pId:2, name:"leaf node 01", icon:"<?php echo base_url()?>asset/img/diy/8.png"},
        { id:22, pId:2, name:"leaf node 02", icon:"<?php echo base_url()?>asset/img/diy/8.png"},
        { id:23, pId:2, name:"leaf node 03", icon:"<?php echo base_url()?>asset/img/diy/8.png"}

    ];

    $(document).ready(function(){
        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    });
    //-->
</SCRIPT>

我得到一些错误，例如

未捕获的类型错误：无法读取未定义的属性“init” （匿名函数） b.extend.ready 你

请帮助我，我该如何解决这个问题？谢谢

【问题讨论】：

标签： javascript jquery ztree

【解决方案1】：

这是因为在多个地方包含 js。我在我的门户页面中遇到了同样的问题，其中 jquery-1.4.4.min.js 和 jquery.ztree.core-3.5.js 被包含在很多地方。

我通过从该页面上的所有 portlet 中删除所有对 js 的引用来解决此问题，并按给定顺序将这些 js 全局添加到 theme/_diff/portal_noraml.vm 中。

【讨论】：

【解决方案2】：

这个错误出现在你的$(document).ready() 中，这是因为你的 zTree 脚本没有正确加载。 “无法读取未定义的属性 'init'”意味着您编写的内容评估为 undefined.init - 所以您知道 $.fn.zTree 未定义。

如果您检查浏览器开发者工具的网络选项卡，您应该会发现问题所在。我猜它可能是 404（即 <script> 标签的 src 属性不正确）或 403（即您需要更改 zTree 文件的权限，以便网络服务器可以读取它）。

【讨论】：

如何更改权限？
您必须登录到您的网络服务器并在文件上使用chmod。