Question

有人可以解释如何在不增加任何效果的情况下延迟工具提示吗？在我看来，你可以“延迟”任何东西的唯一方法是弄乱'show'属性，但是当你这样做时它必须与效果绑定，如下所示：

SELECT * FROM my_table WHERE id IN (1, 2, 3, 4)

非常感谢任何帮助！

Answer 1

您可以使用内置延迟参数以及持续时间，如：

show: {
  delay: 5000,
  duration: 0
}

<强> jsFiddle example

Answer 2

您可能很高兴得知您可以完全实现此效果而无需任何脚本（在jQuery或简单的javascript中）。

单个CSS transition将产生相同的效果：

p {
line-height: 24px;
}

p span {
display: inline-block;
position: relative;
padding: 0 6px;
line-height: 22px;
background-color: rgb(255,255,127);
border: 1px solid rgb(255,255,0);
opacity: 0;
transition: opacity 0s linear 2s;
}

p:hover span {
opacity: 100;
}

<p>Hover me <span>I am a tooltip</span></p>

Answer 3

在上述不适用于我的特定应用程序后，我通过在工具提示对象上设置选项来实现此目的。

// Initialize tooltips.
$( '.tooltip-wait' ).tooltip();

// Add 5s delay before showing the tooltip.
// http://api.jqueryui.com/tooltip/#method-option
$( '.tooltip-wait' ).tooltip( "option", "show.delay", 500 );

jQuery UI Tooltip延迟没有任何影响

3 个答案: