什么是可以进行 HTML 格式化、定位并且可靠的 Javascript ToolTip 库?

发布于 2024-11-02 06:10:58 字数 452 浏览 5 评论 0原文

有什么好的 Javascript 工具提示库可以进行 HTML 格式化和定位?

jQuery tooltip 插件据说很可靠,但是它可以做 HTML 和定位(如底部中心)吗?

jQuery Tools 的工具提示可以做到这一点,但它的可靠性只有 90% 左右: Is jQuery 工具工具提示的可靠性只有 90% 左右? (以及如何修复它?)

此页面列表其中 30 个,但没有可靠性等信息。

What is a good Javascript tooltip library that can do HTML formatting and positioning?

jQuery tooltip plugin is said to be reliable but can it do HTML and positioning (such as bottom-center)?

jQuery Tools's Tooltip can do it except it is only about 90% reliable: Is jQuery Tools Tooltips only about 90% reliable? (and how to fix it?)

This page list 30 of them but doesn't have information such as reliability.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

卸妝后依然美 2024-11-09 06:10:58

我一直使用 qTip,检查一下也没什么坏处:qTip

我总是使用它使用纯文本和 CSS,但可能支持嵌入式 HTML,但我不能确定。

编辑:看起来它支持 HTML,这里是一个放置 YouTube 的示例工具提示中的视频。

编辑2:这是一个进一步的例子。这里的内容是内联的,但它大概可以通过 DOM get 来获取:

<script type="text/javascript">
// Create the tooltips only on document load
$(document).ready(function() 
{
   // Match all link elements with href attributes within the content div
   $('#content a[href]').qtip(
   {
      content: '<p>Yo!</p>'
   });
});
</script>

编辑 3:看起来他们几乎已经有了版本 2,而且看起来很光滑! 链接

I've always used qTip, it couldn't hurt to check it out: qTip

I always use it with plain text and CSS, but there may be support for embedded HTML, but I couldn't say for sure.

EDIT: It looks like it supports HTML, here is an example putting a YouTube video in a tooltip.

EDIT 2: Here is a further example. Here the content is inline, but it can presumably be acquired through a DOM get:

<script type="text/javascript">
// Create the tooltips only on document load
$(document).ready(function() 
{
   // Match all link elements with href attributes within the content div
   $('#content a[href]').qtip(
   {
      content: '<p>Yo!</p>'
   });
});
</script>

EDIT 3: Looks like they have a version 2 almost out, and it looks slick! LINK

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文