JSTree 绑定我自己的点击事件

Question

我正在使用jstree，并希望将我自己的点击事件绑定到每个节点....

这就是我正在尝试的。

     $("#demo1").jstree({
   "core": { "initially_open": ["root"] },
   "html_data": {
     "data": out
   },
   "plugins": ["themes", "html_data"]
 }).bind("select_node.jstree", 
function (e, data) 
{ 
  alert(data.rslt.obj.data("id"));     });

我正在使用HTML_Plugin，将 out 变量设置为如下所示

"<li id='root'><a href='#'>Root node</a><ul><li><a href='#'>Child node</a></li></ul></li>"

问题是，单击事件似乎没有触发，因为我没有看到警报消息。

请告诉我我的方式错误。

谢谢托尼

Answer 1

从代码中删除以下属性并尝试，out 变量会给你"out not defined error"。

          "html_data": {
             "data": out
           }, 

Answer 2

   $("#demo1").jstree({
   "core": { "initially_open": ["root"] },
   "html_data": {
     "data": out
   },
   "plugins": ["themes", "html_data", "ui"]
 }).bind("select_node.jstree", function (e, data) {
   var id = data.rslt.obj.attr("id");
   var parent = data.inst._get_parent(data.rslt.obj);
   if (parent == -1) {
     alert(id);
   } else {
     alert(parent.find('a').first().text() + "|" + id);
   }
 });

需要一件事...在 UI 中添加插件