jQuery UI Tooltip with dynamic content

Question

I use jQuery UI Tooltip Widget and there is code:

  $(function() {$( document ).tooltip({  
    content: \'connecting\',
    content:function(callback) {
                


        

Answer 1

I think it's best to use HTML5 custom attribute

Alex Brown
John Black

and script

$(function() {
    $( ".teacher" ).tooltip({
       content: function() { return $(this).attr('data-id'); },
    });
});

You can play with this at: http://jsfiddle.net/pT3ed/4/

Just replace "return $(this).attr('data-id');" with your loader using $(this).attr('data-id') as id.