JSTree，添加子节点不起作用

Question

我第一次使用 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>

我不知道我错过了什么，如果你能帮助我解决这个问题，我会很高兴

Answer 1

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

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

检查他们文档中的函数参数 --> 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>