jquery-ui-tooltip - jQuery UI 工具提示 - 显示内联内容

Question

我无法在 jQuery UI 工具提示小部件中显示隐藏的内联内容。这是我到目前为止所拥有的：

$("a.tooltip").tooltip({
        content: function() {
                $('table').show();
                return $('table');              
        }

    });

有问题的表格默认设置为不显示。上面的代码显示了工具提示中的表格，但是，如果我将鼠标悬停在激活工具提示的链接上并返回到它，则会显示一个空的工具提示，而没有我的内联内容。我怀疑我想在鼠标离开工具提示时调用 destroy() 方法，但不知道该把它放在哪里。

Answer 1

你需要重新绑定内容

$("a.tooltip").on('mouseenter', '.sourceItem', function(){
    $(this).find('.table').show();              
    }).on('mouseleave', '.sourceItem', function(){
    $('.tooltip').hide();
});

使用在功能上使用的 jQuery。将其放在 ready 事件中。