How to break line in jQueryUI tooltip

Question

The new version of jQueryUI (1.9) comes with the native tooltip widget. After testing with it, it works fine if the content (value of the title attribute) is short. But if the c

Answer 1

I have a solution for jQuery 2.1.1, similar to @Taru's solution.

Basically, we have to use tooltip's content call to dynamically get the data from the element. The element itself can have any html markup in it. Note that you need to import

So, onload, I do this:

$(function() {
    $( document ).tooltip({
      content:function(){
        return this.getAttribute("title");
      }
    });
  });

And my example element is this:

hover me