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，这就是我得到不一致结果的原因。