工具提示内容不显示答案

【问题标题】：Tooltip content not displaying工具提示内容不显示
【发布时间】：2018-07-06 21:08:32
【问题描述】：

我正在使用工具提示在鼠标悬停时显示内容，我在<li class="li" data-toggle="tooltip" title="abd"> 中写的任何内容都会显示标题值。

如果我尝试写这个，则看不到任何内容：

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

【问题讨论】：

这个li是动态创建的吗？
是的。我正在迭代visualforce页面的重复标签。

标签： bootstrap-4 tooltip jquery-ui-tooltip

【解决方案1】：

是的。我正在迭代visualforce页面的重复标签

您的以下代码不适用于新创建的元素。

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

每当在页面中动态添加新的.li 时，您都需要调用以下代码。

 $('.li').tooltip({Content: "GGTY HJKKKLL"});

您可以使用initTooltips() 之类的函数并在任何您想要的地方调用。

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

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

添加新元素后调用initTooltips()。

【讨论】：

谢谢基兰！它起作用了，只是一个问题，它没有像这里那样采用这个 css 示例。 :w3schools.com/bootstrap/…这不是自动选择css吗？我会标记答案，但如果您能提供帮助，请提供帮助。
@shuklayogesh 您使用的是引导工具提示还是 jquery ui 工具提示？您在上面提供的示例使用 Bootstrap 工具提示。 CSS 应该自动应用于现有和新创建的元素
对不起基兰。实际上它并没有起作用，我错过了以 li 评论标题并且价值观来自那里。使用工具提示没有运气（{Content：'XYZ'}）我想使用引导工具提示来获得良好的用户界面。我在页面中导入了引导库。不知道还需要什么。
您能否将代码中的Content 更改为content。 c -> 小写字母。引导工具提示非常简单 getbootstrap.com/docs/4.1/components/tooltips

【解决方案2】：

我使用 popover 而不是 tooltip 来设置内容。如果是工具提示，我必须将内容更改为标题。

【讨论】：