javascript - 如何修改jstree以在选择时显示节点名称

Question

在这个 fiddle 中:http://jsfiddle.net/ak4Ed/当选择一个节点并按下“c”键时，所选节点 ID 将显示为弹出窗口。

如何修改代码，以便在选择节点时显示弹出窗口，而不是依赖用户按“c”热键？

阅读 jstree 文档，这似乎没有解释？ : http://www.jstree.com/documentation/core

这是 jsfiddle 代码:

<div id="demo1" style="height:100px;">
     <ul>
         <li id="node_1_id">
             <a>Root node 1</a>
             <ul>
                 <li id="child_node_1_id">
                     <a>Child node 1</a>
                 </li>
                 <li id="child_node_2_id">
                     <a>Child node 2</a>
                 </li>
             </ul>
         </li>

     </ul>
     <ul>
                    <li><a>Team A's Projects</a>
                        <ul>
                        <li><a>Iteration 1</a>
                            <ul>
                                <li><a>Story A</a></li>
                                <li><a>Story B</a></li>
                                <li><a>Story C</a></li>
                            </ul>
                            </li>
                        <li><a>Iteration 2</a>
                        <ul>
                            <li><a>Story D</a></li>
                              </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
 </div>


$(function() {

    $("#demo1").jstree({
                "hotkeys": {
                    "c" : function(event) { 
                        var node = this._get_node();
                        if(!node) {
                            alert("no node selected");   
                        }
                        else {
                            alert("selected node: "+node.attr("id"));
                        }
                    },
                    "d": function(event) {
                        var node = this._get_node(this.data.ui.hovered);
                        if(!node) {
                            alert("no node hovered");    
                        }
                        else {
                            alert("hovered node: "+node.attr("id"));
                        }
                    }
                },
        "plugins": ["ui", "html_data", "themes", "hotkeys"]
    });
});

Answer 1

有一个事件select_node.jstree。当选择节点时它会触发。我在文档中没有找到它(奇怪......)。

然后，您可以通过类jstree-clicked来查找选定的节点。

我已经更新了你的jfiddle:http://jsfiddle.net/ak4Ed/118/