Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何突出显示jsTree节点?_Jquery_Css_Class_Jstree - Fatal编程技术网

Jquery 如何突出显示jsTree节点?

Jquery 如何突出显示jsTree节点?,jquery,css,class,jstree,Jquery,Css,Class,Jstree,我想触发jsTree节点的click事件。我在下面编写的代码就是这样做的。我的问题是,触发事件后,节点不会突出显示 $("#myTreeId li[id=" + myLiId + "] a").click(); $("#myTreeId li[id=" + myLiId + "] a").addClass('jstree-clicked'); 我该怎么做? 提前感谢您可以使用jstree函数选择节点;使用它会触发函数select_node.jstreebind 代码: 用作第二个参数的id是用

我想触发jsTree节点的click事件。我在下面编写的代码就是这样做的。我的问题是,触发事件后,节点不会突出显示

$("#myTreeId li[id=" + myLiId + "] a").click();
$("#myTreeId li[id=" + myLiId + "] a").addClass('jstree-clicked');
我该怎么做?
提前感谢

您可以使用jstree函数
选择节点
;使用它会触发函数
select_node.jstree
bind

代码:

用作第二个参数的id是用于填充树的每个节点的id属性;显然,用于填充树的数据必须包含id属性

代码示例:

$("#tree").jstree({
    "json_data": {
        "data": [{
            "data": "pe_opensourcescanning",
                "attr": {
                "id": 77,
                    "pId": -1
            },
                "children": [{
                "data": "tags",
                    "attr": {
                    "id": 30,
                        "pid": 0
                }
            }, {
                "data": {
                    "title": "branches"
                },
                    "attr": {
                    "id": 29,
                        "pid": 0
                }
            }]
        }]
    },
        "plugins": ["themes", "json_data", "ui"]
})

$("#tree").bind(
    "select_node.jstree", function (evt, data) {
    console.log('select!');
});

$("#selectNode").click(function () {
    $("#tree").jstree("select_node", "#30");
});

演示:

select\u节点也可以正常工作(节点已被选中),但仍然不突出显示如果您在jsfiddle上查看演示,节点高亮显示,您的css是否完整?是的,您的代码工作得很好。是的,我想我的css已经完成了。可能问题是我调用open\u node函数,然后选择\u node?
$("#tree").jstree({
    "json_data": {
        "data": [{
            "data": "pe_opensourcescanning",
                "attr": {
                "id": 77,
                    "pId": -1
            },
                "children": [{
                "data": "tags",
                    "attr": {
                    "id": 30,
                        "pid": 0
                }
            }, {
                "data": {
                    "title": "branches"
                },
                    "attr": {
                    "id": 29,
                        "pid": 0
                }
            }]
        }]
    },
        "plugins": ["themes", "json_data", "ui"]
})

$("#tree").bind(
    "select_node.jstree", function (evt, data) {
    console.log('select!');
});

$("#selectNode").click(function () {
    $("#tree").jstree("select_node", "#30");
});