问题标签 [qtip2]

我正在使用 qtip2，他们似乎使用 jQuery ajax。

在 IE8 中我没有问题。我得到了错误和完整的

在 Fx 6+ 中，我从未收到错误消息。

重现：

1. 转到http://plungjan.name/eclatooltip/
2. 打开 firebug Net 或其他 http 嗅探器
3. 将鼠标悬停在第二个结果中的第二个 IPC 上 - B65D30/08

结果：

• IE：消息：“没有找到”
• Fx：从不返回，从不执行错误或完成

我看过这个https://gist.github.com/82181

但看不到如何在我的代码中使用它。

使用的代码 (eclatt.js)

您好合规专家！

我的任务是使我们的网络应用程序符合第 508 节和 wcag 2.0 指南。对于大多数事情，这并不太棘手，但我遇到了一些障碍。

我在应用程序中使用了很多 qtip，它通常是符合 b/c 的，它使用 wai-aria 角色和 describe-by 属性。但是，我添加工具提示的方式使其在第一次鼠标悬停之前不会放在文本上。这显然不会发生在键盘导航中，我也不确定屏幕阅读器将如何处理它！

我在这里做了一个小提琴：http: //jsfiddle.net/patriciavandermeer/xkhy6/2/ ，它演示了我在说什么。工具提示是最终用户可以在其他地方设置的 html，它们列出的项目可能有也可能没有工具提示。

我正在考虑应用工具提示并显示在 :focus 上（并在失去焦点时隐藏），但是我需要给跨度一个 tabindex 并且我不确定它的支持程度如何，都可以主要浏览器处理好吗？

还是我应该咬紧牙关，准备好文档中的工具提示？当我以这种方式设置它时，我在一些繁忙的页面上遇到了一些严重的性能问题。

编辑：这是将使用的 html 示例，以及我用来将工具提示附加到跨度的 jquery/javascript。

示例 HTML：

用于附加工具提示的 Javascript：

我有以下工具提示代码 - 它在 Fx 中完美运行

http://jsfiddle.net/mplungjan/jkCKh/（使用的图像用于演示目的）

代码的目的是没有任何大于或大于 150 像素的东西，并让它在鼠标悬停时显示原始大小。

如何在保持纵横比的同时在大多数浏览器中同样减小尺寸？

如果实际需要计算该比率，请通过发布一个优雅的计算来帮助我。

我在我的 Rails 应用程序中使用 jQuery qTip2 作为工具提示。我希望工具提示显示一个链接，但我无法正确显示该链接（或工具提示本身）。

这是我的 application.js qTip jQuery：

我的 html.erb 显示工具提示：

还有我的标题：

编辑 -这是显示的 HTML：

目标是悬停在测试上会显示工具提示链接“文章名称”，它会将您带到文章。

谁能帮我解决这个问题？

我让我的 jQuery qTip2 正常工作，但我还有最后一件事要解决：让动态内容显示为工具提示中的链接。（我对这一切都很陌生，所以请多多包涵。）

这是我现在要让 qTip 显示的内容：

这是我的 erb 文件：

呈现的 HTML：

不过，我想做的是显示一个链接作为 qTip，显示作者的姓名和指向他们个人资料的链接。我知道我可以在 application.js 文件中添加一个链接，如下所示：

但是，我怎样才能使内容从我的数据库中动态添加？理想情况下，我想要类似的东西：

我从之前的回答中知道，生成有效的 HTML 存在问题。但是，我希望有人可以在这里帮助我。

我有 10 个 div。每一个都有一个属性data-tooltip="text here"。

我会这样：

但它不起作用。如何在不编写十倍于.qtip函数的代码的情况下获取每个 div 的工具提示文本？

使用qTip2在工具提示内的文本字段中显示“共享”链接。

工具提示本身工作正常，但我还想让文本字段聚焦于所有选定的文本。找到了这个，但不知何故，焦点/单击+选择似乎不起作用。

JSFiddle 链接

如标题中所述，我需要在单击输入字段时显示 qtip 工具提示，如果输入的字符超过 2 个，则隐藏 qtip

我正在使用 qTip2 显示表格行的工具提示：

我想为每个“金额”字段提供工具提示，所以我像这样启动工具提示：

但是，由于我选择使用该类，所以我只获得了第一个 tr 的 id，并且无论我将鼠标悬停在哪一行上，我仍然会获得一些工具提示内容作为第一行。我尝试使用 $(this) 来选择 id，但我没有工作。

我需要一个可以选择当前悬停元素的选择器...

希望可以在这里得到一些帮助...感谢任何反馈...

谢谢....

我正在使用qTip2，我的工具提示之一在标签 DIV 中。在那个 DIV 里面我有一个链接，它应该打开一个nyroModal窗口（ajax 页面）。它仅第一次打开，下一次打开时，我将鼠标悬停并单击链接打开为简单的页面，例如target="_blank"。

这是一个现场演示：http: //jsfiddle.net/Ja9dN/2/

HTML：

JS：

谢谢

解决了：

将内容调用更改为：