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>

JSTree，添加子节点不起作用

JSTree, Add child node is not working

html

javascript

jstree