Question

我有一个div：$（“。results”）。随着事情的发展，结果会添加到该div中。骰子掷骰是其中之一，其格式为<kdb>

例如：

function resultBox(result, color="red"){ return "<kbd class='"+color+"'>"+result+"</kbd>";

默认的kdb颜色是红色，但是我添加了很多颜色（不同结果类型使用不同的颜色）。我想在每个kdb上添加一个工具提示以解释颜色。

例如：

function resultBox(result, color="red"){
  return "<kbd class='"+color+"' data-toggle='tooltip' title='"+colorInfo(color)+"'>"+result+"</kbd>";
}

function colorInfo(color) {
  return "blah blah";
}

（我不需要需要有关colorInfo（）函数的帮助）我只是很难弄清为什么Bootstrap Tooltip无法正确显示。（含义：我看到的是标准工具提示，好像没有添加Bootstrap一样。没有看到带有小箭头的Bootstrap默认黑色工具提示）

在回答之前，请注意

引导工具提示的格式正确。这已添加到我的主要javascript页面。 $('[data-toggle="tooltip"]').tooltip();我可以通过以普通HTML格式写出Bootstrap工具提示来正常使用它们。

我只是不确定在用Javascript动态创建它们时如何绑定它们

编辑：这不是重复项。问题已经回答。在“可能的重复项”中找不到答案

Answer 1

在DIV中添加内容后，您需要运行$(#AddedItems).tooltip()函数。

注意：该功能无效，因为此功能($('[data-toggle="tooltip"]').tooltip())仅适用于dom中可用的dom元素。

使用Jquery将html附加到div-将Bootstrap工具提示添加到附加项

1 个答案: