基于json数据构建jstree

时间:2012-08-22 14:00:03

标签: jquery jstree

我正在尝试使用json数据构建如下的jstree:

$(document).ready(function () {

$(function () {  

   $("#left").jstree({   

         "json_data" : {  

             "ajax" : {

                 "url": "http://192.168.101.2/img/jstree.json",  

                 "data" : function (n) {   

                     return { id : n.attr ? n.attr("id") : 0 };   
                     }  
                 }  
            },  
            "plugins" : [ "themes", "json_data" ]  
        });  
     });
});

我的树没有建造,任何想法我做错了什么?

1 个答案:

答案 0 :(得分:1)

这是解决方案

您必须使用其中一个$().ready(function() {})$(function() {})。这两者都有相同的含义。

$(function () {  

     $("#left").jstree({   

         "json_data" : {  

             "ajax" : {

                 "url": "http://192.168.101.2/img/jstree.json",  

                 "data" : function (n) {   

                     return { id : n.attr ? n.attr("id") : 0 };   
                 }  
             }  
        },  
        "plugins" : [ "themes", "json_data" ]  
   });  
});