14

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

 $("td label").tooltip({

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

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

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

似乎没有什么可以让它保持开放。当我右键单击它转到 Firebug 时，它在我有机会之前就消失了。

4

5 回答 5

22

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

$("td label").tooltip().tooltip("open");
于 2013-07-30T04:08:12.903 回答
18

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

  1. 打开控制台
  2. 切换到来源选项卡
  3. 悬停某些东西以显示工具提示
  4. 单击 F8 按钮（可能不同，悬停暂停图标以检查热键）
于 2015-02-01T22:29:34.330 回答
13

如果只是为了调试，为什么不使用该hide选项并设置一个非常长的持续时间。

$("td label").tooltip({ hide: {duration: 1000000 } });
于 2013-07-30T04:07:07.000 回答
1

之前的两个答案都对我没有帮助，因为其中一个不适用于非委托工具提示，而使用另一种方法时，我无法在开发面板中使用 CSS。工具提示确实保持打开状态，但我无法像往常一样取消选中任何 CSS 的任何复选框，也无法输入更多 CSS - 以在实施之前找到解决方案。

最终，在打开工具提示后，我使用调试器语句中断了我的代码。

例子：

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

当该断点被命中时，在控制台中评估它：

$(".ui-tooltip-content")

然后右键单击控制台中的评估结果并选择“元素”面板中的“显示”以使用它，就像页面上的任何其他元素一样。当工具提示内容是动态构建的（比如我的例子）时，这特别有用。

于 2013-12-22T02:47:12.530 回答
1

对于工具提示器的 v4.1.5，请使用这样的延迟选项。

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

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

于 2016-09-30T23:16:39.023 回答