工具提示内容未显示

时间:2018-06-20 03:24:19

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

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

如果我尝试写这篇文章,那么看不到任何内容:

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

2 个答案:

答案 0 :(得分: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()

答案 1 :(得分:0)

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