首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery ztree 3.5解决方法

2013-01-07 
jquery ztree 3.5下载的最新的版本,但是不知道怎么用在网上搜的例子,运行之后页面是空白的head runatse

jquery ztree 3.5
下载的最新的版本,但是不知道怎么用
在网上搜的例子,运行之后页面是空白的


<head runat="server">
    <title></title>
     <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css" />
     <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.ztree.core-3.5.js"></script>
</head>
<script type="text/javascript">
var setting = { showLine: false, //是否显示线,true为显示,false为不显示 
checkable: true ,//是否有可选框,true为可选,false为不可选
showIcon: false//是否有图标,true为有,false为没有,默认为true
 };
var zTreeNodes1 = [     { name:"手机", open:false, checked:true,      nodes: [       { name:"诺基亚", isParent:true}, 
{ name:"三星"},       { name:"索爱"},       { name:"多普达"}     ]},     { name:"电脑", open:true, checked:true,      nodes: [       { name:"硬件", checked:true},       { name:"整机", isParent:true, checked:true},       { name:"网络", checked:true}     ]},     { name:"家电", open:false,      nodes: [       { name:"电视", checked:true},       { name:"冰箱"},       { name:"空调", isParent:true}      ]}    ]; </script>
<body>
    <form id="form1" runat="server">
    <div>
    
    <ul id="tree" class="tree" style="width:300px; overflow:auto;"></ul>
    
    </div>
    </form>
</body>
<script type="text/javascript">
    var zTree = $("#tree").zTree(setting, zTreeNodes1);
</script>
</html>

有用过的,指点下怎么用啊
[解决办法]
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> ZTREE DEMO - Standard Data </TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
</HEAD><script type="text/javascript">
           var setting = {/* showLine: false, //是否显示线,true为显示,false为不显示 
               checkable: true, //是否有可选框,true为可选,false为不可选
               showIcon: false//是否有图标,true为有,false为没有,默认为true*/


           };
           var zTreeNodes1 = [//子节点不是nodes,是children
           { name: "手机", open: false, checked: true, children: [{ name: "诺基亚", isParent: true }, { name: "三星" }, { name: "索爱" }, { name: "多普达"}] },
            { name: "电脑", open: true, checked: true, children: [{ name: "硬件", checked: true }, { name: "整机", isParent: true, checked: true }, { name: "网络", checked: true}] },
             { name: "家电", open: false, children: [{ name: "电视", checked: true }, { name: "冰箱" }, { name: "空调", isParent: true}]}]; </script>
<body>
    <form id="form1" runat="server">
    <div>
     <!--样式变了-->
    <ul id="tree" class="ztree" style="width:300px; overflow:auto;"></ul>
     
    </div>
    </form>
</body>
<script type="text/javascript">
    $(function () {
        $.fn.zTree.init($("#tree"), setting, zTreeNodes1);
    });
</script>
</html>



楼主去下载zTree最新版本里面不是有API和demo了,还去哪里找。。⊙﹏⊙b汗
官网:http://www.ztree.me/

热点排行