javascript - 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 变量会给您“未定义错误”。

          "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 插件