所以我有个图标。当我悬停在图标上时，如果我悬停在图标上，就会显示工具提示。
HTMl是：
<i class="fa fa-info-circle infoIcon">
<span class="tooltip">
<span class="tooltipClose">x</span><br>
<p>some text</p>
</span>
CSS是
.infoIcon:ho
浏览 3提问于2020-07-21得票数 0
回答已采纳
有谁知道如何修改jquery tools工具提示：
使用事件特殊悬停：
jQuery工具工具提示不依赖于悬停方法，所以仅仅加载插件是不够的。
事件悬停的源代码：这里是jquery tools的源代码tooltip：
我已经试着让它工作一段时间了。提前谢谢。
浏览 0提问于2009-09-21得票数 1
回答已采纳
我想知道，如果我说- 100个工具提示，如果它们是基于jquery或css的，性能比较会是什么？据我所知，使用CSS工具提示，物理工具提示是为每个项目创建的，并且在用户悬停之前隐藏在视图中-而jquery工具提示应该只是一个当其悬停在其上时更改内容的项目。还是我错了？你觉得我应该配什么？谢谢!
浏览 3提问于2012-12-24得票数 5
回答已采纳
我有一个垂直菜单，它是在悬停时激活的。您将鼠标悬停在左侧的菜单项上，便会在右侧显示超级菜单。从那里，我希望将鼠标悬停在这些菜单项上，并让jQuery IU工具提示显示下一个级别，就像在上的所有产品下一样。
发生的情况是，当我将鼠标悬停在jQuery UI工具提示上时，下面的菜单消失了。我该如何去阻止它的发生呢？
浏览 17提问于2016-08-17得票数 0
在这里，我给出了我需要的工具提示的图像。
当有人将鼠标指针悬停在终身保修图像上时，工具提示将显示在该图像的正下方，并且工具提示的定位方式是使上图像位于下图的中心。
我知道如何使用jquery显示工具提示，当悬停在图像上时，但我无法在图像下显示工具提示，并且悬停图像位于中心。所以我需要帮助。如果可能，请帮助我的示例代码。谢谢
浏览 3提问于2012-01-13得票数 0
回答已采纳
5回答
我正在实现一个表单，我想要禁用一个button，并显示一个工具提示，解释为什么它在悬停时被禁用。但是，当禁用button时，不会显示工具提示。
我在这里添加了一个测试用例，仅使用jQuery：进行重现
似乎jQuery没有触发事件，或者浏览器没有触发悬停事件？
我使用的是，当然还有jQuery。
注:我也尝试过在按钮周围使用包装器，但它看起来像是吞噬了悬停状态，我也尝试过使用input元素，达到同样的效果。
浏览 0提问于2012-02-26得票数 16
回答已采纳
使用jQuery，我希望工具提示在悬停时起作用，上下文菜单在右键单击时起作用，而不是在工具提示悬停在上下文菜单上时起作用。这个是可能的吗？
浏览 0提问于2011-02-14得票数 3
回答已采纳
2回答
我有以下代码：
jQuery(function () {
jQuery('.tooltip').tooltip({
position: {
my: "left top",
at: "right top",
collision: "flip fit"
},
content: function () {
var element = jQuery(this);
i
浏览 6提问于2013-09-25得票数 2
我正在为jQuery工具提示使用，它非常好用。
但是，我不知道如何修复悬停，以便在工具提示文本中包含一个链接。
默认情况下，一旦您停止在工具提示元素上悬停，工具提示就会消失-因此您不能为了单击链接而将鼠标移动到工具提示本身。
有人知道解决这个问题的方法吗？
谢谢!
浏览 0提问于2011-01-03得票数 2
1回答
我有以下代码()，它在Chrome中运行良好。当我们将鼠标悬停在文本上时，它会通过JQuery工具提示显示全文。
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"&
浏览 0提问于2017-05-18得票数 0
6回答
我正在寻找一个JQuery代码示例或库，用于在光标悬停在元素上时显示工具提示。具体地说，我想要做的是在悬停时显示我自己的元素，而不是自动构造或从宿主元素加载的工具提示。我看过几个JQuery工具提示插件，它们似乎都无法做到这一点，但在其他方面却非常复杂。这似乎只需要几行JS/JQuery就可以完成，但我也找不到任何可用的教程。
理想的解决方案还应该是处理边框附近的工具提示，有一个“粘滞工具提示”选项，可以选择使用AJAX加载要显示为工具提示的HTML (而不是HTML/JS中的内联)，并且很好地处理大量的工具提示(当然一次只显示一个)。
浏览 0提问于2009-01-23得票数 4
我试图通过悬停在另一个元素上来触发一个引导工具提示出现在一个元素上。我在想，当我在要执行触发器的元素上悬停时，我可能可以使用JQuery对要显示工具提示的元素使用addClass("hover")，但这似乎不起作用，因为工具提示没有绑定到hoer伪类。
我举了一个例子--在示例中，我希望工具提示出现在刷新按钮(有效的)上，但也可以悬停在拇指向上按钮上：
浏览 2提问于2015-02-09得票数 2
回答已采纳
我只想在发生另一个事件时创建一个事件绑定，首先，如果用户悬停一个元素，添加一个类，以便显示它的悬停状态，如果用户没有在其中单击，只需像一个简单的:hover，如果用户已经在工具提示内单击，那么就不要使工具提示不皂化，但是如果用户在第一次单击后在工具提示外部单击，则使工具提示dissapear：
jQuery('.helper-tooltip').on('mouseenter', function() {
let current_element = jQuery(this);
current_element.addClass('open&#
浏览 2提问于2019-03-29得票数 0
1回答
我有一个Jquery查询。对于这里的一些jquery专家来说，这可能非常简单。所以我在左边有这些服务列表，右边有一个工具提示图标。在悬停时，它会显示与特定服务相关的信息。我设法从另一个Stackoverflow帖子中获得工具提示。但是我的客户想要第一个工具提示在页面加载时悬停。我也从Stackoverflow那里得到了这一点。
虽然我被困的地方是，如何隐藏第一个工具提示时，有人徘徊在其他工具。
我得到了在悬停上显示工具提示的代码
$(document).ready(function(){
$('[data-toggle="tooltip"]').tool
浏览 2提问于2015-08-29得票数 1
回答已采纳
我有一个动态元素，Bootstrap工具提示需要在悬停时出现。所以我使用Jquery委托，如下所示。但问题是工具提示不会在第一次悬停时出现，但在第二次悬停时会出现。你能指出错误吗？
动态元素的HTML
<td scope="col" id="{{this._id}}" data-toggle="tooltip" data-placement="top" title="CLICK TO VIEW">
<i class="fas fa-eye"></i>
浏览 14提问于2018-09-03得票数 1
回答已采纳
2回答
我想要一个非常动态和简单的工具提示功能，在我的网络应用程序(非常像Facebook的)。我已经查看了所有的jQuery插件，但不太喜欢它们，所以我想构建自己的插件。它需要能够在某些html元素的悬停上显示列表和单个项目。
我的主要问题是，最好是在jQuery中构建html工具提示元素，然后在每次相关元素悬停时插入到DOM中，或者有一个工具提示来服务所有工具提示悬浮活动，然后移动它并更改其中的内容？。
任何工具提示经验将是有兴趣的！
浏览 4提问于2011-06-21得票数 0
2回答
我有一个标签如下：
<label class="col-sm-4 control-label" for="AB">Text A/ Text B:</label>
我想显示一个工具提示，当悬停在“文本B”，而不是当悬停在“文本A”。我尝试使用jquery，但它会得到整个标签，并显示工具提示，即使我悬停在“文本A”。
$("label:contains('Text B')").prop("title", function ()
{
return "Text B ";
}
浏览 4提问于2017-03-20得票数 1
回答已采纳
我在jquery中使用了一个名为vtip的工具提示工具。当我将鼠标悬停在文本区上时，会出现一个工具提示，但每当我在文本区内单击ESC键时，下次我将鼠标悬停在文本区上时，该工具提示就会消失。
这只在Firefox中发生，在IE和Chrome中运行良好。
浏览 0提问于2011-07-15得票数 0
我尝试在标记悬停时执行Jquery工具提示代码，但我认为问题出在设置位置上。
这是我的代码
google.maps.event.addListener(marker, "mouseover", function () {
$('#example-1').tipsy();
});
鼠标悬停代码本身可以工作，但我认为我可能需要设置工具提示的位置？
该插件可在以下位置找到：
浏览 0提问于2011-07-09得票数 0
回答已采纳
在我的项目中，我使用jQuery UI 1.10.2在页面上显示链接的工具提示。但是，当我悬停在任何链接上时，工具提示会显示在页面底部的内容区域下面，而不是在链接下面。
仔细研究后，我发现当悬停在工具提示项上时，由于某种原因，ui工具提示div没有设置"top“样式。
$(document).tooltip({
content: function() {
return $(this).attr('title');
}
});
有人知道它为什么要这么做吗？
浏览 2提问于2013-03-19得票数 0
我有一个jQuery工具提示插件，当我将鼠标悬停在锚标签上时，它会显示一个工具提示。
我已经修改了我的jCarousel，以便我的图像包含在锚标签中。当我将鼠标悬停在第一批图像上时，将调用工具提示悬停函数。但是，当下一批图像进入视图时，不会再次调用工具提示函数。
我在这里创建了我的问题的一个基本示例：
我尝试过使用itemVisibleInCallback回调，但这不允许我的函数在所有可见图像上触发。
浏览 1提问于2011-03-24得票数 0
回答已采纳
有没有办法向节点添加？当用户将鼠标悬停在元素上时，我希望显示额外的信息。
当涉及到JQuery时，我非常熟悉，所以对此可能有一个显而易见的答案。
编辑:多亏了下面的zzzz，我可以弹出一个简单的悬停框。尽管按照工具提示页面中的说明将树的div放在fieldset中，但我仍然无法对其应用花哨的JQuery工具提示。
浏览 0提问于2011-08-18得票数 10
我有一个菜单，它添加了一个
它有这段jQuery代码，用于在鼠标悬停时添加类，并在鼠标移出时删除类，如下所示……
$(document).ready(function(){
$('.actions-menu').hover(function(){
$(this).addClass('active');
$(this).find('.actions-list').show();
}, function(){
$(this).removeClass('active');
$(this)
浏览 9提问于2016-12-28得票数 1
使用jQuery Tooltipster扩展，我创建了一个行内工具提示，如下所示：
<span class="tooltip" data-tooltip-content="#tooltip_content">This span has a tooltip with HTML when you hover over it!</span>
<div class="tooltip_templates">
<span id="tooltip_content">
&l
浏览 4提问于2017-03-25得票数 0
我有一个有很多工具提示的页面，我想在一开始全部显示出来。
他们都有一个"tooltipWarn“类。
<span class='warning tooltipWarn'>test</span>
JQuery：
$('.tooltipWarn').tooltip({
placement: "bottom",
title: 'blablabla'
});
$('.tooltipWarn').tooltip("show");
这是可行的，我希望它们在悬停时被隐藏
浏览 6提问于2022-04-26得票数 0
有人知道如何使jQuery UI工具提示在悬停时保持可见。也就是说，当我将鼠标从p元素移到工具提示时，我希望它保持可见。
试过小提琴，但似乎有问题:悬停。
$("p").tooltip({
hide: {
effect: 'explode'
}
}).mouseleave(function () {
if ($('p').is(':hover')) {
ui.tooltip.preventDefault();
$('p').tooltip('open');
}
}).foc
浏览 4提问于2014-08-11得票数 1
回答已采纳
4回答
jQuery菜单悬停延迟
、、、
我使用下面的jQuery/javascript来控制菜单的悬停功能。当" item -wrapper“项悬停在其上时，它会显示一个工具提示子菜单。
我希望在这段代码中添加两个功能：
1)使工具提示仅在将鼠标悬停在菜单项上500毫秒后出现
2)让用户能够离开工具提示，并使其保持约1秒的可见(从而使他们可以选择在工具提示消失之前在其上移动)
$(".item-wrapper").hover(function() {
$('#' + $(this).attr("rel") + '-tip').fadeIn("fa
浏览 0提问于2011-04-05得票数 4
回答已采纳
因此，我正在使用插件，并使用工具提示。
问题：
这个插件的问题是，当我使用工具提示时，它重新定位完全不同，如下所示
正如你所看到的，我悬停在深橙色部分，工具提示就在图像的中间，文字是"Te huur“。
下面是我悬停的部分的一个例子：
以及javascript：
$('#finder-image').mapster({
fill: true,
fillColor: 'ffffff',
fillOpacity: 0,
strokeWidth: 3,
singleSel
浏览 2提问于2017-03-24得票数 2
1回答
当用户使用jQuery工具的将鼠标悬停在我的图像上时，我正在尝试为图像提供自定义工具提示。在中，您将看到两行。顶行使用自定义提示选项，而底行使用常规标题属性。
如您所见，当您将鼠标悬停在工具提示上时，工具提示会一直停留在这些工具提示上，而当鼠标从图像移开时，使用自定义提示的工具提示会消失。他们的文档中没有这个特定选项的示例，所以我不太确定它应该如何运行。
浏览 0提问于2011-03-23得票数 0
我经常想检查一个元素(例如工具提示)，它只有在鼠标悬停/输入另一个元素时才会出现。出现的元素通过jQuery的mouseenter事件可见。
我不能检查工具提示，因为当我的鼠标离开包含的元素时，工具提示就消失了。
有没有一种方法可以暂停JS事件，这样我就可以悬停在元素上，然后暂停浏览器的JS，并成功地检查它？
例如，尝试查看Twitter bootstrap的工具提示：。
浏览 49提问于2014-07-17得票数 120
回答已采纳
3回答
当特定元素悬停在上方时，我使用jQuery插件来激活工具提示。目前，工具提示显示在触发它的元素的中间，但我想自定义插件，以便工具提示显示在相应的标题上。看一下我在下面链接到的例子。工具提示是在整个#everything div悬停在上面时触发的，这是正确的，但我希望工具提示出现在标题上方。
示例：
请让我知道，如果你需要更多的信息或进一步的解释，我正在努力实现。
谢谢。
浏览 5提问于2013-02-27得票数 2
回答已采纳
2回答
我正在做一个非常轻的“工具提示”jQuery插件。贝娄是密码：
(function( $ ) {
$.fn.tooltip = function() {
return this.each(function(){
var target = $(this);
target.on("mouseover", function(event){
var tooltip = $(document.createElement("div"));
tooltip
浏览 0提问于2012-09-11得票数 1
回答已采纳
1回答
我是JavaScript的新手。我用搜索来解决我的问题，但我找不到我要找的东西。
我使用的是CSS jquery.balloon.js，，它将工具提示的默认浏览器呈现转换为自定义的工具提示(向其添加一些 --背景、边框等)。
这是JavaScript代码：
$(document).ready(function(){
$('a').balloon({
position: "bottom",
tipSize: "0"
});
});
所有操作都很好:当我将鼠标悬停在带有title属性的链接上时，工具提示将显示为自定义的。当我悬停鼠标时，
浏览 1提问于2014-03-23得票数 0
以下代码用于在悬停时生成工具提示...使用以下代码将鼠标悬停在一些文本上。
span class="ttip" rel="#tip_1"
然后，它从一个外部文件(tooltips.html)中拉出id为tip_1的div。问题出在IE7和IE8中--它只是加载工具提示框，而不是里面的内容……(就像它无法与tooltips.html文件通信一样)
有什么想法吗？
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(&
浏览 1提问于2012-02-07得票数 0
回答已采纳
我正在使用jquery验证，即当按submit按钮时，在悬停后显示错误图标，错误图标消息将显示在工具提示中。使用错误图标进行验证，现在我想要工具提示
$('#myForm').validate({
rules:{firstname:"required"},
messages:{firstname:"<div class='fir' style='display:none'>Please enter your firstname</div>"
}
});
我试图调用悬
浏览 4提问于2013-12-01得票数 0
回答已采纳
1回答
我有一张50分的图表，下面有50栏的表格。50列表包含来自图表的相同数据的详细信息。
当您在串联点上鼠标操作时，plotOptions被设置为触发一个悬停函数，该函数获取点的索引并高亮显示下面表行的索引，显示数据是相同的。另一方面，当突出显示表列时，该期间的工具提示将更改为悬停状态。使用jQuery，我是这样做的：
//Inside of a jquery mouseover event.
chart.series[0].data[pointIndexNum].setState('hover');
我的问题是，我不能在我的控制器中的任何地方执行setState(“悬停”)以获
浏览 0提问于2014-04-20得票数 1
在jquery中，当我们将鼠标悬停在用于选择上个月的小三角形上时。显示的工具提示是"Prev"，我想要将工具提示更改为"Previous“。如何更改工具提示文本？
浏览 11提问于2020-04-14得票数 0
回答已采纳
1回答
我正在尝试使用jquery fadetoggle来实现平滑的fadein和fadeout。除了一件事之外，一切都运行得很好。当你悬停段落时，工具提示会淡入，当你离开段落时，工具提示会淡出，但当你悬停段落后，工具提示会很快淡出并淡出。我怎样才能摆脱这个动画？我的意思是工具提示不应该在我悬停时淡入。只有当我悬停段落时，它才会淡入
css
p{position: relative; cursor: default;}
#tooltip{display: none; position: absolute; top: -28px; left: 0px; padding: 1px 10px; border
浏览 0提问于2013-03-08得票数 0
回答已采纳
我想使用Tooltipster插件，它单击正文中的一个元素来显示工具提示，我希望在工具提示中有一个关闭按钮来关闭它。
但是，我使用Jquery ()函数来处理它，但是它不会触发。我在这篇文章里尝试了这个解决方案。只有当工具提示被悬停事件触发时，它才能工作。
使用悬停的原解决方案
trigger: 'hover',
相反，使用单击显示工具提示
trigger: 'click',
它不会在jquery块中触发任何单击事件。它只能由普通的javascript函数捕获。我检查了它应该是一些代码在Tooltipster插件锁定和捕获所有的“点击()”事件在提示当单击触
浏览 0提问于2014-03-20得票数 0
1回答
jQuery工具提示悬停循环动画
、、、、
我在jQuery中创建了一个自定义的工具提示系统，它创建了一个带有CSS样式的新元素，将其放置在所有其他项的上方并放置在适当的位置。
一切正常工作，但当鼠标移动到工具提示上时，由于悬停在父对象上而导致的任何动画都将开始循环。
有什么方法可以防止在工具提示上触发悬停事件吗？
下面是我的代码：
浏览 0提问于2012-10-10得票数 0
回答已采纳
问题
下面我有一些JavaScript/jQuery，它创建一个DIV并将其注入到一个网页DOM中。
在此之后，它将在新DIV中的一个元素上创建一个mouseover事件。
当div与鼠标一起悬停时，鼠标事件应该显示工具提示。
问题是，现在需要用户第一次悬停div，第一次什么都不做，然后第二次显示工具提示。
我需要让它在第一次悬停时显示工具提示。现在，它在第一次悬停时生成工具提示，然后在第二次或更高的悬停次数上运行它。
问题
我如何去注册这个悬停事件的方式，它将显示在一个项目的第一次悬停？
JSFiddle演示：
代码，它在JSFiddle Demo: 的第323行上使用工具提示库在悬停事件中
浏览 2提问于2016-08-27得票数 0
1回答
当我从数据库中返回结果列表时，这些结果显示如下：
结果1
结果2
结果3
等等..。现在我已经使用了jQuery Tipsy插件，所以当您悬停在结果1的顶部时，它会显示用户的姓名。问题是，如果我悬停在结果2上，也应该会出现Tipsy工具提示，但它只是显示正常的浏览器工具提示。
我认为这是因为结果a标签上的所有a名称都是相同的：“east”。我想我需要对jQuery中的每一项检查都做一些检查，但是对于在jQuery中添加这个选项，我不会有最模糊的答案。
有人找到解决办法了吗？
浏览 2提问于2011-01-21得票数 1
回答已采纳
我想有一个工具提示(最好是使用jquery库)，允许我弹出一个div (谁的内容，我可以自定义与html -表单，链接，图片等)。鼠标悬停的位置。
我希望div保持固定在相对于悬停在其上的元素的位置(并自动处理浏览器的边缘情况)。希望我能够定制各种参数，比如鼠标悬停在工具提示上多长时间后，工具提示在鼠标弹出后多长时间保持可见(以及通过工具提示弹出窗口上的关闭按钮显式关闭工具提示)。
在谷歌上搜索一下，会得到一些选项，但没有一个能满足我的所有需求(至少从我看到的情况来看是这样)。非常感谢您的建议。
浏览 1提问于2010-10-07得票数 3
1回答
除了默认随jQuery提供的工具提示库之外，不使用任何其他工具提示库。
jsfiddle
具有工具提示的输入字段，在悬停时显示得很好。
Name:
<input type="text" id="name" title="Please input your name" />
<button id="start" type="button">Click Me!</button>
工具提示的jquery设置：
$(document).ready(function () {
浏览 0提问于2013-01-08得票数 0
回答已采纳
2回答
改进工具提示代码
、、
我正在尝试构建一个可悬停的Jquery工具提示。当我在某个元素上悬停时，这个工具提示应该出现，如果我选择在工具提示本身上悬停，则应该保持不变。只有当我从原始元素或工具提示体中悬停时，工具提示才会消失。
根据我发现的一个例子，我成功地创建了这个行为，但是由于我是Jquery新手，我很高兴听到您关于改进函数的评论。
守则：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
浏览 3提问于2008-10-31得票数 1
jquery: 1.8.2
jquery : 1.9.1
我修改了实现jquery工具提示的默认方法，这样它就可以在单击而不是悬停上工作。
“a”标记是您单击以激活工具提示的东西，但不是定义为工具提示。工具提示&工具提示内容放置在'a‘标签之后，并与css一起隐藏，因此您无法悬停或查看内容。
<a class="tooltip-click" id="tt3">asdf</a><span class="tooltip-tick" title=""> </sp
浏览 0提问于2012-11-08得票数 4
回答已采纳
1回答
我正在尝试使用jquery工具提示，但是悬停的div被放置在负坐标(-27000，-27000)
应该有工具提示的元素是：
<span style="float:right;font-weight:bold" title="I am tooltip">U</span>
我用这个调用初始化工具提示：$(function(){ $('[title]').tooltip(); });
jQuery工具提示是正确初始化的，因为在鼠标悬停时，我得到了一个新的div，但被放置在巨
浏览 0提问于2013-04-10得票数 2
回答已采纳
目标：对象用户将悬停以显示辅助DOM
工具提示：固定DOM对象位于目标下方约10-15 10。
我制作了一个jquery “工具提示”插件。这个插件允许用户将悬停在DOM对象上，将显示“工具提示”。我希望用户能够将鼠标从目标移动到工具提示，而不会在鼠标离开目标时消失。
我试过这样做：
var hoverTimeout;
data.target.hover(function(){
$this.tooltip('show');
}, function(){
浏览 1提问于2012-03-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
