Javascript 单击节点时是否打开分支?

Javascript 单击节点时是否打开分支?,javascript,jquery,tree,jstree,Javascript,Jquery,Tree,Jstree,我被困在这里了。到目前为止,它还可以工作,我可以使用[+]图标浏览和展开节点,并在单击节点时打开页面,但我仍然希望它在有人单击节点时展开所有直接节点 我在附近看了至少两个小时,但什么也没找到。官方网站不是很有帮助,因为他们没有足够的例子,也没有很好的文档记录。看了一下这个,但对我也不起作用: 我甚至没有在firebug中收到错误消息 下面是我的代码现在的样子, 树初始化: $(function () { $("#jstree").jstree({ .... 通过单击节点触发的

我被困在这里了。到目前为止,它还可以工作,我可以使用[+]图标浏览和展开节点,并在单击节点时打开页面,但我仍然希望它在有人单击节点时展开所有直接节点

我在附近看了至少两个小时,但什么也没找到。官方网站不是很有帮助,因为他们没有足够的例子,也没有很好的文档记录。看了一下这个,但对我也不起作用:

我甚至没有在firebug中收到错误消息

下面是我的代码现在的样子, 树初始化:

$(function () {
    $("#jstree").jstree({
    ....
通过单击节点触发的功能

.delegate("a","click", function (e) { 
    //click on node
    var page_id = $(this).parent().attr("page_id");
    var idn = $(this).parent().attr("id").split("_")[1];
    /*
            dosnt seem to work either...
    $(this).jstree("openNode", $("#node_"+idn));
    $(this).jstree("openNode", "#node_"+idn);
    */
    page = "index.php?page_id="+page_id;
    //location.href = page;
})
.bind也不起作用:

$(this).bind("open_node.jstree", function (event, data) { 
    if((data.inst._get_parent(data.rslt.obj)).length) { 
        data.inst._get_parent(data.rslt.obj).open_node(this, false); 
    } 
})
有人看到我在这里遗漏了什么吗…?

我使用这个(casoUso是链接的页面,FinVocaSOUSO是进行调用的函数)

如果节点有链接,则打开该链接;如果没有链接,则打开子树。无论如何,您应该能够结合“if”的两侧来打开分支并执行链接。 可能执行:

       $("#demo1").jstree("toggle_node",data.rslt.obj);
       fInvocaCasoUso(data.rslt.obj.attr("casoUso"));

我会做的

您需要绑定以选择_node.jstree,并在触发时在树实例上调用toggle_node:

对于小于3.0的jsTree版本:

$("#your_tree").bind("select_node.jstree", function(event, data) {
  // data.inst is the tree object, and data.rslt.obj is the node
  return data.inst.toggle_node(data.rslt.obj);
});
对于jsTree版本>=3.0

$("#your_tree").bind("select_node.jstree", function (e, data) {
    return data.instance.toggle_node(data.node);
});

对于更新版本的jsTree(根据jsTree.js,是3.0.0),我必须稍微修改@justind提供的代码才能工作:

$("#jstree").bind("select_node.jstree", function (e, data) {
    return data.instance.toggle_node(data.node);
});

成功了,谢谢!但是参数在>=3中是不同的。请参阅:现在是
函数(节点、选定项、事件)
。Nick,您能否扩展您使用的函数的更新版本,以便我更新答案?在使用新参数进行的更改中,新的toggle_节点调用是什么<代码>数据.instance.toggle_节点(node)?我更喜欢使用
$(e.currentTarget).jstree('toggle_node',data.node)
来坚持API,而不是像
.instance
$("#jstree").bind("select_node.jstree", function (e, data) {
    return data.instance.toggle_node(data.node);
});