为什么我的工具提示的延迟时间选项不起作用?

Why doesn't the delay time option work for my tooltip?

本文关键字：选项 不起作用 延迟时间 我的 工具提示 为什么      更新时间：2023-09-26

我使用bootstrap和JQuery创建了一个简单的工具提示。但是工具提示的延迟时间对我来说根本不起作用。

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

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

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

相关文章：