Bootstrap 4 工具提示内容不显示

我使用工具提示在鼠标上显示我在

中所写内容，并显示标题值

如果我试图写这篇文章，那么就看不到任何内容：

<script>
$(document).ready(function(){
    $('.li').tooltip({Content: "GGTY HJKKKLL"}); 
});
</script>


$（文档）.ready（函数（）{
$（'.li'）。工具提示（{Content:“GGTY HJKKKLL”}）；
});

对。我正在迭代visualforce页面的重复标记

下面的代码对于新创建的元素不起作用

<script>
$(document).ready(function(){
    $('.li').tooltip({Content: "GGTY HJKKKLL"}); 
});
</script>

您可以使用类似于
initTooltips（）
的函数，并随时调用

<script>
 function initTooltips() {
   $('.li').tooltip({Content: "GGTY HJKKKLL"}); 
}

$(document).ready(function(){
    initTooltips();
});
</script>


函数initTooltips（）{
$（'.li'）。工具提示（{Content:“GGTY HJKKKLL”}）；
}
$（文档）.ready（函数（）{
初始化工具提示（）；
});

添加新元素后调用
initTooltips（）
。
我使用popover而不是tooltip来设置内容。如果是工具提示，我必须将内容更改为标题。
这是动态创建的吗。我正在重复visualforce页面的标记。谢谢Kiran！它成功了，只是有一个问题，它没有像这里的示例那样使用css：这不会自动拾取css吗？我将标记答案，但如果您能在这方面提供帮助，请注明。@shuklayogesh您使用的是引导工具提示还是jqueryui工具提示？上面提供的示例使用引导工具提示。CSS应自动应用于现有和新创建的元素Kiran。事实上，它不起作用，不知怎么的，我错过了评论标题在李和价值观来自那里。使用工具提示（{Content:'XYZ'}）没有运气。我想使用引导工具提示来获得良好的ui。。我已在第页导入引导库。不确定还需要什么。能否将代码中的
内容
更改为
内容
。c->小写字母。引导工具提示非常直接
<script>
 function initTooltips() {
   $('.li').tooltip({Content: "GGTY HJKKKLL"}); 
}

$(document).ready(function(){
    initTooltips();
});
</script>