Javascript jQuery树插件jstree首次使用

Javascript jQuery树插件jstree首次使用,javascript,jquery,Javascript,Jquery,尝试用一个简单的例子让jQuery树插件工作。 遵循首页上的示例 我得到一个错误,这可能是非常简单的或可能是一个路径问题。但是,它发生在事件处理程序中 Microsoft JScript运行时错误:对象不支持属性或方法“选择\u节点” 在第一行中,$'jstree\u demo\u div'.jstree;首先,您提供了一个JSFIDLE吗?我认为更改$'jstree\u demo\u div'.jstree;到$'jstree'.jstree;会成功的,谢谢。我演得太久了。真不敢相信事情竟如

尝试用一个简单的例子让jQuery树插件工作。 遵循首页上的示例

我得到一个错误,这可能是非常简单的或可能是一个路径问题。但是,它发生在事件处理程序中

Microsoft JScript运行时错误:对象不支持属性或方法“选择\u节点”


在第一行中,$'jstree\u demo\u div'.jstree;首先,您提供了一个JSFIDLE吗?我认为更改$'jstree\u demo\u div'.jstree;到$'jstree'.jstree;会成功的,谢谢。我演得太久了。真不敢相信事情竟如此简单。
<link rel="stylesheet" href="assets/jstree/themes/default/style.min.css" />

<script src="assets/jstree/jstree.min.js" type="text/javascript"></script>

<script type="text/javascript">


    $(function () {

            //create tree instance
            $('#jstree_demo_div').jstree();

            // bind to events triggered on the tree
            $('#jstree').on("changed.jstree", function (e, data) {
                console.log(data.selected);
            });

            //interact with the tree
            $('button').on('click', function () {
                $('#jstree').jstree(true).select_node('child_node_1');
                $('#jstree').jstree('select_node', 'child_node_1');
                $.jstree.reference('#jstree').select_node('child_node_1');
            });

        });

</script>
        <div id="jstree">
            <!-- in this example the tree is populated from inline HTML -->
            <ul>
              <li>Root node 1
                <ul>
                  <li id="child_node_1">Child node 1</li>
                  <li>Child node 2</li>
                </ul>
              </li>
              <li>Root node 2</li>
            </ul>
          </div>
        <button>demo button</button>