jquery Bootstrap工具提示标题回调函数未执行

Posted 2023-05-08

【中文标题】jquery Bootstrap工具提示标题回调函数未执行

【英文标题】：jquery Bootstrap tooltip title callback function not executing

【发布时间】：2019-11-09 10:51:22

【问题描述】：

创建工具提示时，应使用以下代码将工具提示的显示内容更改为标题选项中函数返回的内容：

$('.tooltip').tooltip(
            html: true,
            title: function(el)return 'custom content';
        );

tooltip根本不显示或者返回title属性内容，但是回调函数根本不执行。控制台中不显示任何警告/错误。

【问题讨论】：

整个问答行归结为“注意并了解您实际使用的库”。

确实，但我强烈认为（或希望？）我不是地球上唯一遇到此问题的人，我只是在寻找“为什么回调没有执行”。因此我创建了这个问题+答案。

当然，但我的意思是，在这一系列问题之后，有多少种不同的问题+答案组合？他们并没有真正提供太多的长期支持。 “知道你在用什么”应该是开发者“duh”。

你可能在 Stack Overflow 上搜索过这个问题，但没有找到答案。您没有找到答案的原因是因为这个问题可能每周被问 3-4 次，每次都用以下选项关闭：“这个问题是由无法再重现的问题引起的或 一个简单的印刷错误。虽然类似的问题可能是这里的主题，但这个问题的解决方式不太可能帮助未来的读者。这通常可以通过识别和仔细检查重现所需的最短程序来避免发帖前的问题。”

【参考方案1】：

请绝对确定您使用的是 Twitter Bootstrap 的工具提示，而不是 jquery-ui！ 这是我第二次拔毛，看看你的html中是否加载了jquery-ui！如果使用 jui，请使用 'content' 属性：

$('.tooltip').tooltip(
            html: true,
            content: function(el)return 'custom content';
        );