我有一个 jstree 树,所有树项都是使用 ajax 调用加载到我的服务器以填充每个文件夹的子级。我正在尝试构建一个函数,该函数将向下钻取树并根据我传递给函数的内容选择一个子项。我目前正在使用以下函数来执行此操作,但我的 $.when(...).done(...) 函数没有等待打开发生,然后无法加载它下面的任何子级。
function openNodes(tree, nodesToOpenRaw, selectedNode) {
var treeObj = $(tree);
treeObj.one('loaded.jstree', function() {
openNodesRaw(treeObj, nodesToOpenRaw, selectedNode);
});
}
function openNodesRaw(tree, nodesToOpen, selectedNode) {
if (tree.jstree('is_open', nodesToOpen[0])) {
goToNextNode(tree, nodesToOpen, selectedNode);
} else {
$.when(tree.jstree("open_node", nodesToOpen[0])).done(function () {
if (nodesToOpen[0] == null) {
goToNextNode(tree, nodesToOpen, selectedNode);
return;
}
goToNextNode(tree, nodesToOpen, selectedNode);
});
}
}
function goToNextNode(tree, nodesToOpen, selectedNode) {
if (nodesToOpen.length > 0 && Object.prototype.toString.call(nodesToOpen) === '[object Array]') {
var newNodesToOpen = nodesToOpen.slice(0);
newNodesToOpen.shift();
openNodesRaw(tree, newNodesToOpen, selectedNode);
} else {
tree.jstree("select_node", selectedNode, true);
tree.unbind('ajaxSuccess');
}
}
为什么 $.when 函数要等待 tree.jstree("open_node",....) 的 ajax 调用完成,然后再继续执行下一个函数?