AJAX content in a jQuery UI Tooltip Widget

Question

There is a new Tooltip Widget in jQuery UI 1.9, whose API docs hint that AJAX content can be displayed in it, but without any further details. I guess I can accomplish something like that with a synchronous and blocking request, but this isn't what I want.

How do I make it display any content that was retrieved with an asynchronous AJAX request?

Answer 1

Here is a ajax example of jqueryui tootip widget from my blog.hope it helps.

$(document).tooltip({     items:'.tooltip',     tooltipClass:'preview-tip',     position: { my: "left+15 top", at: "right center" },     content:function(callback) {         $.get('preview.php', {             id:id         }, function(data) {             callback(data); //**call the callback function to return the value**         });     }, });