このフィドル: 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"]
});
});