在动态设置后，您可以让浏览器显示HTML标题属性吗？

Question

当用户将鼠标悬停在元素上时，我需要能够显示看似工具提示的内容，但是我需要显示的文本只有在用户悬停后才会知道，这会触发对服务器的ajax调用以获取文本显示，然后我将其设置为元素的title属性。

由于当用户开始将鼠标悬停在元素上时没有title属性，因此即使在我设置标题后也没有显示工具提示。在工具提示出现之前，我必须将元素鼠标移开然后再返回到元素上。

在设置title属性后，有没有办法强制或伪造浏览器显示工具提示？

Answer 1

使用jquery .on( "mouseover", handler )事件，您可以使用.fadeIn()添加范围

你只需要让它看起来像css的工具提示

Answer 2

以下是来自w3schools bootstrap tool tip的一些bootstrap工具提示示例可能对您有所帮助，

<script>
    $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip();   
    });
</script>

Answer 3

我有同样的问题，最后，我使用了Bootstap's tooltip：

$('#element').tooltip('show')