我在使用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>
我得到一些错误,如
未捕获的TypeError:无法读取未定义的属性'init' (匿名功能) b.extend.ready û
请帮帮我,我该如何解决这个问题?感谢
答案 0 :(得分:4)
这是因为在多个地方包含了js。我在我的Portal页面遇到了同样的问题,其中jquery-1.4.4.min.js和jquery.ztree.core-3.5.js被包含在很多地方。
我通过从该页面上的所有portlet中删除对js的所有引用来修复此问题,并按照给定的顺序在theme / _diff / portal_noraml.vm中全局添加这些js。
答案 1 :(得分:0)
$(document).ready()
中出现此错误,原因是您的zTree脚本未正确加载。 “无法读取未定义的属性'init'意味着您编写的内容评估为undefined.init
- 因此您知道$.fn.zTree
未定义。
如果您查看浏览器开发者工具的网络选项卡,您应该会看到问题所在。我猜它将是404(即src
标签的<script>
属性不正确)或403(即你需要更改zTree文件的权限,以便Web服务器可以读取它)。