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，它在功能上使用。在准备好的事件中放置它。