jqueryjquery-uijquery-tooltip

tooltip doesn't show in jqtree on the node

I'm trying to open the jquery ui tooltip on hovering over the node element of the jqtree nodes.(root, child, etc.,) I am confused what i am missing, why it doesn't show when on the node.

$('#tree1').find('.jqtree_common').tooltip({
        show: {
            effect: 'slidedown',
            delay: 300
        },
        content: function() {
            $('<div>').append("hello");
        },
        items: '*'
    });
$('#input').tooltip();

fiddle

Solution

  • The tooltip for the input should be applied like so:

    $('input').tooltip();

    since none of the elements have an id of input. There is no tooltip on the nodes because they have no titles, which are needed for tooltips.

    Here is a fiddle with tooltips working on tree.