jQuery 工具提示 - 自定义内容不显示

Question

我已按照文档进行操作，并尝试显示带有 jQuery UI 工具提示的自定义工具提示。

var element = $('#customspan');

element.tooltip(
content: function () {
    return 'Custom Span Tooltip'
};

但是，自定义内容没有显示。 JSFiddle here

Answer 1

首先，您的语法不正确。一定是这样的：

element.tooltip({
    content: function () {
        return 'Custom Span Tooltip'
    }
});

也许这就是你的问题

Answer 2

如果要指定内容，还应指定要具有自定义内容的元素的 items 属性，而不是默认显示 title 属性。

$(document).tooltip({
    content: function () {
       return 'Custom Span Tooltip'
    },
    items: '#customspan'
});

JSFiddle

Answer 3

感谢您的回复。经过一番挖掘后，我发现 Bootstrap tooltip 覆盖了 JQuery UI，这就是我得到不一致结果的原因。