jQuery UI keep tooltip open for debugging (to style it)

jquery jquery-ui jquery-ui-tooltip
parliament picture parliament · Jul 30, 2013 · Viewed 11k times · Source

I'm trying to style the jQuery UI tooltip but it keeps closing. I've tried the following with no success:

 $("td label").tooltip({

    disabled: true,
    close: function (event, ui) { return false; }

 }).on("click", function () {

    $(this).tooltip("open");
 }).off('focusout mouseleave mouseenter');

Nothing seems to keep it open. When I right click on it to go to Firebug, it vanishes before I have a chance.

Answer

Omar picture Omar · Jul 30, 2013

Call the open method on your tooltips, that will make them stay opened 

$("td label").tooltip().tooltip("open");

Related questions

Jquery UI tooltip does not support html content

Today, I upgraded all of my jQuery plugs-in with jQuery 1.9.1. And I started to use jQueryUI tooltip with jquery.ui.1.10.2. Everything was good. But when I used HTML tags in the content (in the title attribute of the element I …

Read More
jQuery UI TypeError: e.widget.extend is not a function

I have updated my jQuery files including jQUery UI to use the tooltip feature. But now Javascript is dieing with the following error: TypeError: e.widget.extend is not a function Can anyone help me?

Read More
positioning jQuery tooltip

I'm trying to customise the positioning of my tooltips, using jQuery UI Tooltip and this code: $(".karma").tooltip({ position: { my: "center bottom", at: "right top" } }); But whatever I do to "my" and "at" nothing changes. What am I doing wrong? …

Read More