Question

我剛開始使用jQuery和樹視圖插件的中間增加節點（S）所以這應該是一個比較簡單的問題：

添加分支樹的示例代碼：

var newnodes = $("<li><span class='folder'>New Sublist</span><ul>" + 
    "<li><span class='file'>Item1</span></li>" + 
    "<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser"); 
$("#browser").treeview({ 
    add: branches 
}); 

正常工作對我來說，卻增加了新的分支，在樹的結束 - 而不是我想要的是能夠選擇一個特定節點，並加入到該分支。 我已經設法通過使用特定節點的id而不是整個樹視圖的添加 - appendTo（「nodeID」） 但是我無法正確呈現樹，或者使用：

$("nodeID").treeview({ 
    add: branches 
}); 

或

$("browser").treeview({ 
    add: branches 
}); 

或調用它都沒有參數。

乾杯提前

Answer 1

嘿，這個想法很簡單：

1. 得到你要追加的節點的父節點。
2. 將新節點追加到父變量並將其放入新變量
3. 追加樹（整棵樹）新變量。

檢查代碼：

var parent = document.getElementById("parentId"); 
var newNode = $("<li> NewNode </li>").appendTo(parent); 
$("#tree").treeview({ add : newNode }); 

，僅此而已:) 希望我幫...

Answer 2

我做到了，和它的作品。但是，即使節點下沒有孩子，也可以看到hitarea。

//HTML file 
<ul id='grandpa' class='treeview'></ul> 

//JS snippet when adding a first node - pay attention to the dummy <ul></ul> at the end 
var branches = $("<li><div id='dad'>Maybe-a-parent-node</div><ul></ul></li>").appendTo("#grandpa"); 

//JS snippet when adding some children in a middle of a tree 
pNode = $("#dad").children("ul"); // get the dummy ul and add children to it 
childrenHTML = "<li>Node 1</li>"; // can add more than 1 li here 
var children = $(childrenHTML).appendTo(pNode); 
$(pNode).treeview({ 
    add: children 
}); 

我知道這個問題是很老。 希望它能幫助別人。