Can you make a browser display an HTML title attribute after setting it dynamically?

Question

I need to be able to show what would appear to be a tooltip when the user hovers over an element, but the text I need to display is only known after the user hovers, which triggers an ajax call to a server to get the text to be displayed, which I then set as the title attribute of the element.

Since there was no title attribute when the user began hovering over the element, no tooltip is displayed, even after I set the title. I have to mouse off the element and then back onto it before the tooltip appears.

Is there any way to force or fake the browser into displaying the tooltip after I've set the title attribute?

Answer 1

Using jquery .on( "mouseover", handler ) event you can add a span with .fadeIn()

You just have to make it look like a tooltip with css

Answer 2

Here are some bootstrap tooltip examples from w3schools bootstrap tool tip might help you,

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

Answer 3

我遇到了同样的问题，最后，我使用了Bootstap的工具提示 ：

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