Question

我想在一个元素上显示工具提示，只要我将鼠标放在那里1秒钟。如果我悬停的时间不到1秒，则不应显示工具提示。我该如何做到这一点？

Answer 1

您只需设置我在docs中找到的delay参数即可代码看起来像这样

$(document).ready(function() {
  $('.selector').tooltip({
    show: { effect: 'slideDown', delay: 1000, duration: 250 }
  });
});

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<a href="#" class="selector" title="Tooltip with delay and duration">TEST</a>

Answer 2

您可以在初始化show:{duration:value}时使用tooltip选项，如下所示：

$( "#elementid" ).tooltip({
    show: { duration: 2000 }
});

<强> DEMO FIDDLE

jquery.ui工具提示：仅在悬停一段时间后显示工具提示

2 个答案: