JQuery JSTree - 添加工具提示

Hap*_*ard 8 jquery tooltip jstree

有没有办法将工具提示添加到JSTree节点?当用户将鼠标悬停在元素上时,我想显示额外的信息.

在JQuery方面,我非常密集,所以可能有一个明显的答案.

编辑:感谢下面的zzzz,我可以弹出一个简单的悬停框.我仍然无法使用花哨的JQuery Tooltip,尽管将树div放在a中,fieldset如同Tooltip页面中的说明所示.

Nir*_* O. 7

$("#my_tree).bind("hover_node.jstree", function (e, data) 
{
    alert(data.rslt.obj.attr("id"));
})
Run Code Online (Sandbox Code Playgroud)

  • 要抓住鼠标离开节点,请查找`dehover_node.jstree`事件。只是将此留作参考。 (2认同)
  • .on 在本文发表时还不存在。 (2认同)

小智 7

我使用create_node函数动态创建我的jstree :

$("#my_tree").jstree("create_node", 
  "my_node", 
  "inside", 
  { "attr": { "id": "my_node" }, 
    "data": { "attr": { "class": "show_tooltip", 
                        "title": "my tooltip text" },
              "title": "my node text" } } );
Run Code Online (Sandbox Code Playgroud)

然后我将.show_tooltip类定义为工具提示: $(".show_tooltip").tooltip();


Baz*_*nga 5

是不是只是在树上的节点中添加一个title属性?没有什么花哨..

  • 可以通过在JSON数据中设置`node [a_attr] [title]`来实现标准工具提示. (2认同)