问题标签 [jquery-ui-tooltip]

我遇到了一个问题，如果您选择多个实例，使用带有 jQ​​ueryUI 工具提示的 ajax 调用会导致工具提示无法关闭。

我在这里演示过，http://jsfiddle.net/MHptk/11/

在链接上快速滚动鼠标，您会看到工具提示无法关闭。在我的真实示例中，我正在创建一个带有 jquery ajax 调用的表，其中包含多个链接，这些链接本身将发出 ajax 请求。我也尝试使用 open: 来设置内容，但发生了同样的问题。

对于解决方法，我认为我可以在创建表时直接填充标题 attr ，但鉴于数据的高度易变性，这并不合适。

我在使用 JQuery UI 的工具提示功能的 JQuery DataTable 中有链接。每个链接都有一个由 Ajax 调用填充的工具提示。我想将 Ajax 调用的数量限制为尽可能少。DataTable使用服务器端处理，结果是分页的，所以任何时候页面上的链接永远不会超过十个。

Ajax 调用返回的数据永远不会改变，因此可以安全地缓存。在我的测试中，我看到浏览器确实缓存了每个 Ajax 调用的结果，因此它只对每个链接进行一次调用，然后使用缓存。我担心的是，某些用户可能将他们的浏览器配置为由于某种原因不使用缓存，并且每次将鼠标悬停在链接上时，他们都会一个接一个地触发 Ajax 调用。

这是工具提示的 JavaScript：

我考虑将每个 Ajax 调用的结果存储在全局范围内声明的 JavaScript 对象中，然后在进行 Ajax 调用之前对其进行检查，但我有一种模糊的感觉，即这可能会以某种方式导致内存泄漏。

我还担心如果表有大量行，gJobs 对象最终可能会使用大量内存。为了防止 gJobs 对象无限增长，每次用户转到 DataTable 中结果的下一页或上一页时，我使用 fnDrawCallback 函数重新初始化 gJobs：

我应该提到，由于每个 Ajax 调用返回的数据不会改变，我也可以将数据作为静态文本存储在 JSP 中，并以这种方式填充工具提示，而不是使用 Ajax。但是，我必须进行单独的 Web 服务调用来获取每个链接的数据，而不是每次用户页面向前或向后调用十次 Web 服务，我宁愿通过 Ajax 按需加载数据。

这种方法有什么问题吗？有什么方法会导致内存泄漏？我应该在重新初始化之前明确删除 gJobs 的所有属性吗？谢谢你的帮助。

今天，我用 jQuery 1.9.1 升级了我所有的 jQuery 插件。我开始使用带有 jquery.ui.1.10.2 的 jQueryUI 工具提示。一切都很好。但是当我在内容中使用 HTML 标记时（在title我应用工具提示的元素的属性中），我注意到不支持 HTML。

这是我的工具提示的屏幕截图：

如何使 HTML 内容与 1.10.2 中的 jQueryUI 工具提示一起使用？

我有一个元素，当悬停在上面时，它会显示项目的价格（在游戏中）。我正在使用 jQuery UI 工具提示来显示每个项目的信息。当商品被点击时，jQuery 捕获点击，使用 $.get() 请求来处理购买，并可以通过 JSON 和 jQuery 的 parseJSON 功能返回与商品相关的特定信息。

但是，每件商品的价格会随着每次购买而变化。这是某种形式的通货膨胀。我不知道如何访问 jQuery UI 工具提示的内容以更改其内容，以便在它仍然显示或什至未显示时，更改其内容的值以反映新价格。

我需要做什么才能实时更改该内容？

如果你看到这个小提琴，你会注意到为了产生工具提示，鼠标必须foo在工具提示初始化后离开并重新进入 div。

我想也许我可以使用tooltip("open"). 不幸的是，当我这样做时，鼠标跟踪不起作用。看到这个小提琴。

有谁知道如何在启用鼠标跟踪的情况下打开工具提示，而无需离开并重新输入 div？如果您想知道为什么我需要这样做，我正在使用 WebGL 在一个canvas占据整个屏幕的元素中工作。

HTML：

JS：

结果：什么都没有。没有工具提示，没有错误；这里有什么问题？

演示：http: //jsfiddle.net/w97FA/

这些是我使用的资源/插件：

• http://jqueryui.com/tooltip/
• http://api.jqueryui.com/tooltip/#option-content

我有一个显示数据库数据的页面。我正在使用 jquery、php 和 mysqli 来显示数据。当您将鼠标悬停在每条记录的某个链接上时，我希望出现一个工具提示，其中包含一个谷歌地图，根据数据库中该记录的 lat 和 lng 显示该记录的位置。我正在使用 jquery ui 工具提示。

但是，如何将 googlemap 放入工具提示中？

进程.php：

html:

我在 ui.tooltip 中发现了一个错误：如果其内容发生变化，工具提示会中断关闭。这是示例。

请帮助我进行适当的测试，这个有时会在“工具提示被隐藏得太早”上失败：

基本上，我将一个open处理程序附加到我的 jQuery UI 工具提示，它对触发工具提示的元素执行一些检查。到目前为止我得到了什么：

上面的检查可以防止工具提示出现，除非元素水平溢出，这是流体布局的一部分。正如您在这个jsBin中看到的那样，它在 Chrome 中运行良好。

但是，在 Firefox 中，event.toElement是undefined. 通过阅读围绕 SO 的主题，我认为这event.relatedTarget将是一个合适的替代品，但事实并非如此。在event.toElement引用当前悬停的项目时，event.relatedTargetin amouseover引用了指点设备退出的元素，这是根据W3C 规范的正确行为（类似于 Chrome 的event.fromTarget）。

我也尝试过event.target，但是event.currentTarget这些this引用指向document它是绑定了工具提示事件处理程序的节点。浏览Tooltip API页面也无济于事。

我不确定我是否忽略了一些非常基本的东西，或者我是否应该尝试更少的正统方法。

有没有办法从open在 Firefox 中工作的工具提示处理程序内部获取对触发元素的引用？或者是否有一些神奇的 jQuery UI 工具提示选项/方法可以以更简单/类似的方式实现这种期望的行为？

我正在展示另一个元素周期表，并且遇到了 jQuery UI 工具提示的问题。页面结束，没有 JavaScript 错误，在：

早些时候，它没有给出 JavaScript 错误，而是默认样式（黑色上的 Chrome 黄色，小字体）工具提示，这与http://jqueryui.com/tooltip/的 jQuery UI 演示中的工具提示不同（对于 td 和 td > 跨度）。现在它会显示屏幕内容一秒钟左右，然后将显示空白。

http://JonathansCorner.com/periodic/content.html有什么问题，我该如何修复它才能正常显示页面并显示 jQuery UI 的默认工具提示版本的工具提示？左上角有一个标题。