如何在工具提示引导程序中插入 HTML 元素

Question

我有一段代码可以使用引导程序生成 tootip。

var msg ="Oops! This is a test message";
$('#addItInfo').attr('data-original-title',msg);
$('#addItInfo').tooltip('show');
setTimeout( function(){ 
   $('#addItInfo').tooltip('hide');
   $('#addItInfo').removeAttr('title');
   $('#addItInfo').removeAttr('data-original-title'); 
}  , 2500 ); //Wait 2,5 seconds

这段代码效果很好，但想象一下，我想要的不是简单的消息，而是显示一个包含一些数据的表。我尝试在var msg内创建一个<table>元素，如下所示：

var msg ="<table><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$50</td></tr></table>";

我期待在太尖内看到一张桌子，但我得到的是字符串<table><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$50</td></tr></table>。

在这个例子中，我使用了同样的想法，但没有引导。它适用于一些未成年人问题，我可以稍后解决。

现在我的问题是如何允许引导程序在工具提示中显示任何 HTML 元素？我查看了文档，但没有发现任何相关内容。

Answer 1

触发器元素上缺少data-html="true"。它被记录在案。

HTML 选项 - 默认为 false。将 HTML 插入到工具提示中。 如果为 false，jQuery 的文本方法将用于将内容插入到 如果您担心 XSS 攻击，请使用文本。

工作小提琴