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(); 
});

我在头标记中正确引用了bootstrap和jQuery。

Answer 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>

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

1 个答案: