JSTree,添加子节点不起作用

时间:2016-05-09 08:59:52

标签: javascript html jstree

我第一次使用JSTree,尝试将子节点添加到现有节点,但到目前为止它还没有工作。 我知道这个话题已经讨论了很多次,但我尝试了很多建议,但仍然没有成功。

这是一段代码



$('#jstree_div').jstree();
var ElemSelected=$("#jstree_div").jstree(true).get_selected(true);
var position = 'inside';
var childNode = { state: "open", data: "Child Node" };

$('#jstree_div').jstree("create_node", ElemSelected, position, newNode, false, false);

<div id='jstree_div'>
  <ul>
     <li id='racine' data-jstree={'opened':true,'selected':true}>
       <a id='j2_6_anchor' class='jstree-clicked' href='#'></a>
     </li>
  </ul>
</div>
&#13;
&#13;
&#13;

我不知道自己错过了什么,如果你能解决这个问题,我会很高兴

1 个答案:

答案 0 :(得分:3)

var tree = $('#jstree_div').jstree({core:{
 check_callback : true
}});

您需要添加“check_callback:true”才能创建新节点

检查他们文档中的功能参数 - &gt; https://www.jstree.com/api/#/?f=create_node([par, node, pos, callback, is_loaded])

var tree = $('#jstree_div').jstree({core:{
 check_callback : true
}});

var ElemSelected=$("#jstree_div").jstree(true).get_selected(true);
var position = 'inside';
var childNode = { state: "open", data: "Child Node" ,text:"Child Node" };

$('#jstree_div').jstree("create_node",null, childNode);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.jstree/3.3.1/jstree.js"></script>
<div id='jstree_div'>
  <ul>
     <li id='racine' data-jstree={'opened':true,'selected':true}>
       <a id='j2_6_anchor' class='jstree-clicked' href='#'></a>
     </li>
  </ul>
</div>