为什么延迟时间选项不适用于我的工具提示？答案

【问题标题】：Why doesn't the delay time option work for my tooltip?为什么延迟时间选项不适用于我的工具提示？
【发布时间】：2016-10-28 15:03:20
【问题描述】：

我使用引导程序和 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。

【问题讨论】：

标签： javascript html jquery-ui-tooltip

【解决方案1】：

对我来说很好用。您的小提琴没有加载任何必需的库。

我将您的段落更改为 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>

【讨论】：

不错！击败我得到答案。
我加载了所有库并将段落更改为 span，但它仍然无法正常工作。这是完整的 html 和 CSS：dropbox.com/s/3tjojwc4jj5cy42/CV2.zip?dl=0
我已经在上面的 sn-p 中证明了它的工作原理。你试过运行它吗？
您用于加载 jQuery 的 script 标记未正确关闭。你错过了结束>。这会导致您的引导 Javascript 未加载。
啊哈。非常感谢！你能告诉我为什么要使用而不是
元素吗？