工具提示内容不显示

Question

我正在使用工具提示在 mouse-over 上显示我在 <li class="li" data-toggle="tooltip" title="abd"> 中写的内容显示标题值。

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

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

Answer 1

Yes. I'm iterating a repeat tag of visualforce page

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

<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()。

Answer 2

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

工具提示内容不显示

Tooltip content not displaying

tooltip

jquery-ui-tooltip

bootstrap-4