zTree 簡介
zTree 是一個依靠 jQuery 實現的多功能 “樹插件”。優異的性能、靈活的配置、多種功能的組合是 zTree 最大優點。
zTree 是開源免費的軟件（MIT 許可證）。如果您對 zTree 感興趣或者愿意資助 zTree 繼續發展下去，可以進行捐助。
原始問題
//添加結點, 產品和版本function addNode(event) { rMenu.css({ "visibility": "hidden" }); var treeNode = zTree.getSelectedNodes()[0]; var pid; var nodeName; var treelevel; if (!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) { //添加產品結點pid = 0; treeNode = null; treelevel = 1; } else if (treeNode) { //添加版本結點pid = treeNode.id; treelevel = 2; } $.post( "AddNode.action", { type: treelevel, id: pid }, function(nodeIdAndName) { var params = /([^/|]+)/|([^/|]+)/.exec(nodeIdAndName); if (!((!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) || treeNode.open)) { zTree.expandNode(treeNode, true); } treeNode = zTree.addNodes(treeNode, { id: params[1], pid: pid, isParent: "true", name: params[2], editable: "true", treelevel: treelevel }); });}原本直接添加子節點的時候，如果父節點沒有展開，會添加兩個一樣的子節點（第一次的時候）；后來我對父節點是否展開進行了判斷，但是卻變成了如果父節點展開，會添加兩個一樣的子節點（第一次的時候），這個問題要怎么解決呢？
辦法一
將
if (!((!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) || treeNode.open)) { zTree.expandNode(treeNode, true); } treeNode = zTree.addNodes(treeNode, { id: params[1], pid: pid, isParent: "true", name: params[2], editable: "true", treelevel: treelevel });改成
if(!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) { treeNode = zTree.addNodes(treeNode, { id: params[1], pid: pid, isParent: "true", name: params[2], editable: "true", treelevel: treelevel }); } else if(treeNode.open) { if(treeNode.isParent) { zTree.reAsyncChildNodes(treeNode, "refresh"); } else { treeNode.isParent=true; zTree.reAsyncChildNodes(treeNode, "refresh"); } } else { zTree.expandNode(treeNode, true); treeNode = zTree.addNodes(treeNode, { id: params[1], pid: pid, isParent: "true", name: params[2], editable: "true", treelevel: treelevel }); }問題就可以解決了，但是有沒有優化呢？感覺改后的代碼分類太多了
最優辦法
貌似不用這么麻煩吧？前兩天回答了類似的問題。
1、點擊添加子節點后，就直接 ajax 傳給后臺保存數據，捕獲 success 事件
2、ajax success 時，利用 treeNode.zAsync 屬性就可以知道此父節點是否進行過異步加載，如果為 false 那么直接 reAsyncChildNodes 刷新， 如果為 true 那么利用 addN...
if ((!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) || treeNode.zAsync) treeNode = zTree.addNodes(treeNode, { id: params[1], pid: pid, isParent: "true", name: params[2], editable: "true", treelevel: treelevel }); else zTree.reAsyncChildNodes(treeNode, "refresh");總結
以上所述是小編給大家介紹的jQuery zTree 異步加載添加子節點重復問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
