javascript - 为什么延迟时间选项对我的工具提示不起作用？

Question

我使用 bootstrap 和 JQuery 创建了一个简单的工具提示。但工具提示的延迟时间对我来说根本不起作用。它花费的时间明显超过 100 毫秒。

HTML:

<p class="myHover" onclick="jobFunction()" data-toggle="tooltip" title="Hooray!" data-delay=100>GIS Researcher</p>

JavaScript:

$(document).ready(function(){
    $(".myHover").tooltip(); 
});

我已经在我的 head 标签中正确引用了 bootstrap 和 jQuery。

Answer 1

对我来说效果很好。您的 fiddle 未加载任何所需的库。

我将您的段落更改为 span 并将工具提示位置设置为底部，以使其显示在更合理的位置。

$(document).ready(function() {
  $(".myHover").tooltip();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<span class="myHover" data-toggle="tooltip" title="Hooray!" data-delay="100" data-placement="bottom">GIS Researcher</span>