问题标签 [tipsy]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1597 浏览

javascript - jquery Tipsy 工具提示不适用于 d3.js 圈子

这是我的 d3.js 代码

最后,我在圆圈中附加了一个工具提示。我尝试将 jquery 提示工具提示附加到圆圈但没有工作。这就是我的做法(我跟着http://bl.ocks.org/1373263

但它不起作用。

0 投票
0 回答
360 浏览

jquery - jQuery Tipsy 插件在 IE 上导致奇怪的选择元素行为

我在 ASP.NET MVC 项目中使用 jquery Tipsy插件以及 jquery 不显眼的验证。我正在使用以下代码将 Tipsy 连接到验证代码:

这一切都很好。但是,在 IE(至少 7-9)中,当我单击应用了工具提示的下拉菜单时,下拉菜单会出现然后立即消失。如果我单击并按住鼠标按钮,我可以滚动下拉菜单,但只要我松开,菜单就会消失。这不是预期的行为,任何其他浏览器也不会这样做。

作为参考,下拉菜单的 HTML 代码非常标准:

有什么建议么?

0 投票
2 回答
638 浏览

jquery - jquery mouseleave:输入提示时不触发

你好,我的开发人员,

我在完善我的 UI 时遇到了一些麻烦。

我制作了一个弹出面板,当我将鼠标悬停在按钮/链接上时会打开。

无论我离开那个按钮/链接还是离开面板本身,这个面板都应该关闭。很直接。

HERE (jsFiddle) 我做了一个简单的演示,效果和预期的一样好。

我的 JS 代码:

和 HTML 标记

问题是提示。(确切地说是 jquery Tipsy 插件)。在我提供的示例中,我在弹出的面板中放置了 2 个链接。两者都有醉意。所以在悬停时会显示一个提示。一切安好。

问题是,如果我触摸尖端,面板就会关闭。我不想要那个。所以我对我的 onmouseleave 事件添加了另一个检查...以检查“离开元素”是否醉了...

但问题(我猜)是醉酒在我的活动之前被破坏,所以我无法检查“离开元素”是否醉酒。(对于 $('.tipsy') 我变空了,当然 $('.tipsy')[0] 是未定义的。

请指教!

0 投票
0 回答
206 浏览

tipsy - Tipsy 工具提示脚本不适用于 Ajax

我在我的网站上使用 Tipsy 工具提示脚本:

脚本主页和示例

看脚本

它显示一些关于鼠标悬停的信息。例如,我有一个带有用户照片(缩略图)的页面,并且 onmouseover Tipsy 显示用户名和年龄。

它工作正常,但现在我添加了 Ajax/Jquery 来加载更多照片而无需刷新页面。

如果我加载更多结果(照片) Tipsy onmouseover 不显示任何内容。有什么想法不适用于 Ajax?

0 投票
3 回答
9368 浏览

jquery - jQuery Tipsy Tooltip 插件自定义

当特定元素悬停在上方时,我正在使用 jQuery 插件Tipsy来激活工具提示。目前,工具提示出现在触发它的元素的中间,但我想自定义插件,使工具提示出现在相应的标题上。看看我在下面链接到的示例。当整个#everythingdiv 悬停时触发工具提示,这是正确的,但我希望工具提示出现在标题上方。

示例:http: //jsfiddle.net/JqFwP/2/

如果您需要更多信息或进一步解释我要完成的工作,请告诉我。

谢谢你。

0 投票
2 回答
7129 浏览

jquery - Tipsy live 不适用于 jQuery 1.9.0

我们最近将 jQuery 升级到 1.9.0,但它破坏了我们的醉酒插件。它的live功能现在会导致错误。

是否有任何修复或补丁?谷歌搜索并没有带来任何有用的东西。


更新:

感谢您的回答。我决定尝试自己解决这个问题,因为我找不到任何补丁。

经检查,错误似乎很容易追踪。Tipsy 插件可以很容易地被修补以使用该on功能而不是已弃用的live功能。在tipsy插件中,我替换了以下代码:

和:

奇迹般有效。:)

0 投票
2 回答
3358 浏览

jquery - 让 jQuery 在悬停和点击时出现醉意

目前,我正试图让Tipsy在悬停和点击时工作。但是我不知道这是否可能……使用其他工具会很不方便。

触发器:“手动”根本没有响应。有可能还是我真的必须使用其他工具?

这是代码的一部分:

function initialMouseEvents() { $('.channel-hover').each(function() {

}

0 投票
1 回答
402 浏览

javascript - Jquery - 将html元素的内容转换为另一个元素

我想将同一类的许多元素转换为其他元素。让我解释...

我的页面上有这个 HTML 的多个实例:

在页面加载时,我想获取所有跨度标签并将它们中的每一个转换为:

简而言之,我想在页面加载时将这些元素转换为醉意。有什么建议或线索吗?谢谢。

0 投票
0 回答
453 浏览

jquery - 如何让 Tipsy Tooltips 在负载和 Ajax 中正常工作

我发现了几篇关于醉酒触发和实时选项的帖子,但我无法让我的醉酒同时在手动和实时模式下运行。

我在 onload 和我的 ajax 回调中都调用了这个函数:

工具提示在加载时完美运行,但不再使用回调呈现。然而,非常奇怪的是,当我简单地添加一个警报时,它完全适用于回调:

当然,这不是一个可行的解决方案,但它以这种方式工作很奇怪。有人知道可行的解决方案吗?顺便说一句,我指的是 MSIE10(我知道这个浏览器很烂 ;-)

感谢您提前提供任何建议!

编辑:更多代码

0 投票
1 回答
787 浏览

javascript - 醉醺醺的工具提示中的长文本

我很高兴在我的 d3.js 图表中使用了 Tipsy,但现在我注意到如果太长,tipsy 会切断文本。

例如,包含单词CALCULATOR的行被截断:

工具提示文本被截断

有没有办法根据工具提示文本的最长行来扩展工具提示的宽度或自动调整它的大小(我在文档中没有找到任何内容)?