时间戳

首页 > 解决方案 > 工具提示内容不显示

bootstrap-4 - 工具提示内容不显示

问题描述

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

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

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

标签： bootstrap-4tooltipjquery-ui-tooltip

解决方案

是的。我正在迭代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()添加新元素后调用。

推荐阅读