当前位置: 首页 > 知识库问答 >
问题:

Jquery如何在这个span元素上显示工具提示?

空慈
2023-03-14

我被要求编辑一个不是我创建的网页,我正在尝试理解其中的一些代码。我有一个包含跨度的列表项。span只有一个class属性,没有alt文本或title。

<span class="ui-icon ui-icon-info"></span>

ui-icon和ui-icon-info类来自jQueryUI。它们会显示一个信息图标作为跨度的背景图像。我看不出CSS有什么特别之处:

.ui-icon-info { background-position: -16px -144px; }
.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_72a7cf_256x240.png); }
.ui-icon { text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

当用户将鼠标悬停在图标上时,它会将div显示为工具提示:

<div class="tooltip" style="position: absolute; top: 661px; left: 710px; opacity: 0.8; display: none;">Some Tooltip Text</div>

css for tooltip看起来也没有什么特别之处。只是一些格式信息。列表中有几个这样的span元素,我不知道它是如何选择正确的div来显示在工具提示中的。有人能告诉我Jquery是如何为span元素的工具提示选择正确的div来显示的吗?

共有1个答案

邵亦
2023-03-14

有一个名为LoadReportFunctions()的函数,它执行ajax请求并调用函数FormatLinks(links)。在那里,它使用span.ui-icon元素的属性。

 类似资料:
  • 问题内容: 在下面的代码中,我希望用户悬停跨度时出现工具提示,我该怎么做?我不想使用任何链接。 问题答案: 这是简单的内置方法: 这为您提供纯文本工具提示。如果要使用格式丰富的HTML的丰富工具提示,则需要使用库来完成。幸运的是,这些工作量很大。

  • 我试图显示在超文本标记语言页面绘制的交互式SVG图像。我对javascript/jQuery语言没有经验,但是使用一些jQuery插件,比如PowerTip,我目前能够在悬停在SVG元素上时显示定制的工具提示。自定义的工具提示出现,但在一秒钟后消失,当它们被默认工具提示的外观关闭时(在所有浏览器中),只显示标题元素的内容。有办法禁用默认工具提示吗?下面是我使用PowerTip显示自定义工具提示的方

  • 我试图在qtip中的图像上显示jQuery UI工具提示。现在,工具提示显示在工具提示后面。你知道怎么把它展示在它面前吗? 小提琴在这里:http://jsfiddle.net/wYM2Q/ 将鼠标移到文本“bind qtip to this”上。然后将鼠标悬停在qtip内的图像上。你会看到qtip后面显示的工具提示,我想在它前面显示。

  • 问题内容: 我已经编写了Java代码在图像上绘制多边形。当我将光标放在多边形内时,它会显示“ Inside”(内),否则显示“ Outside”(外)。因此,检测多边形内部的点工作正常。 但是我想实现setToolTipText多边形内部的效果,即在鼠标悬停在多边形内部时,它将显示浮动文本“ Inside”。 类似于此图像中的效果: http://www.java2s.com/Code/Java/

  • 我试图从网站中的元素中提取文本。HTML代码如下所示: 下面是我的代码:

  • 这个标题可能有点误导人,我不知道从哪里开始,甚至不知道该搜索什么 我有一个页面,上面有10个div元素(比如div1、div2、div3等) 我希望能够有一个jquery函数以滚动的方式显示它们 例如开始显示div1、div2、div3、div4 10秒后,显示div2、div3、div4、div5 10秒后,显示div3、div4、div5、div6 ...等循环 10秒后,显示div8、div