Twitter bootstrap 在JStree中使用popover

我想知道是否有一种方法可以将popover与jstree一起使用。我有一个jstree，每当单击一个节点时，我都想打开一个弹出窗口

到目前为止，我得到的是：

// Left click jstree node for popover 
$("#jstree").bind("select_node.jstree", function (e, data){

    //Code to display tooltip/popover
});

我不确定如何让popover显示，也不确定popover如何知道要在哪个html元素上显示

---

感谢您的帮助

这可能会对您有所帮助：

//bootstrap tooltipped nodes list
var tooltipped_nodes = [];
$('#jstree')
// listen for event
.on('open_node.jstree', function (e, data) {
    $('#jstree ul li a').each(function(index, item){
        if (jQuery.inArray(index, tooltipped_nodes) == -1){
            $(this).tooltip({
                'placement': 'right',
                'trigger': 'click',
                'title': "Hover over me"
            });
            tooltipped_nodes.push(index);
        }
    });
});

在

open_node.jstree

事件中，您可以在所需的节点上调用Bootstrap

.tooltip（）

函数；在本例中，我在

#jstree

列表中循环每个

标记，并添加相同的工具提示。

---

为了避免在相同的节点上进一步调用，我在

tooltipped_nodes

数组中推送每个“tooltipped”节点索引，但可能有一种更有效的方法可以做到这一点。

您可以使用此方法：

}).bind('hover_node.jstree', function(e, data) {
   if(!$("li[id='"+data.node.id+"'] > a").hasClass("popovers"))
   {
      $("li[id='"+data.node.id+"'] > a").addClass("popovers");
   }
      $("li[id='"+data.node.id+"'] > a").popover(
            { trigger: "hover",container: '#TreeCode',title:'Test'
                              ,content:"Test",placement:'left',offset: '0 10px' });
})

popover的初始化将帮助您创建它。此外，还可以动态使用`数据对象来显示popover事件中的不同数据