Question

我正在尝试设置jQuery UI工具提示的样式，但它一直在关闭。我试过以下但没有成功：

 $("td label").tooltip({

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

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

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

似乎没有什么能保持开放。当我右键点击它去Firebug时，它会在我有机会之前消失。

Answer 1

在工具提示上调用open方法，这将使它们保持打开状态

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

Answer 2

更好的选择是暂停执行js。

打开控制台
切换到来源标签
将鼠标悬停在工具提示上以显示
单击F8按钮（可能不同，将“暂停”图标悬停以检查热键）

Answer 3

如果仅用于调试，为什么不使用the hide option并设置很长的持续时间。

$("td label").tooltip({ hide: {duration: 1000000 } });

Answer 4

之前的两个答案都没有帮助我，因为一个人没有使用非委托的工具提示，而另一个方法我不能在开发面板中使用CSS。工具提示确实保持打开状态，但我不能取消任何CSS的复选框，就像我通常会输入更多的CSS一样 - 在实现之前找到解决方案。

最终我在打开工具提示后使用调试器语句来破坏我的代码。

示例：

jQuery(".myElement").tooltip({
    open: function (event, ui) {            
            debugger;
    }
});

当遇到该断点时，请在控制台中对此进行评估：

$(".ui-tooltip-content")

然后在控制台中右键单击评估结果，并选择“在元素中显示”面板以与页面上的任何其他元素一样使用它。当动态构造工具提示内容时（例如在我的情况下），这尤其有用。

Answer 5

对于tooltipster的v4.1.5，请使用这样的延迟选项。

$('.tooltip').tooltipster({
   interactive:true,
   animation: 'grow',
   delay:[100, 10000000]
});

第二个延迟值，指定工具提示的结束延迟。参考：http://iamceege.github.io/tooltipster/#options

jQuery UI保持工具提示打开以进行调试（设置样式）

5 个答案: