问题标签 [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 回答
833 浏览

javascript - jquery pjax + jquery Tipsy 单击后工具提示不会在鼠标悬停时隐藏

在 pjax 链接上使用 jquery.tipsy 时,工具提示在单击后不会隐藏在 mouseout 上。

这可能意味着单击后,该元素未附加 mouseout 事件,这就是问题存在的原因?

这是我加载 pjax & Tipsy() 的方式

jquery-pjax:https ://github.com/defunkt/jquery-pjax

jquery醉酒:http: //onehackoranother.com/projects/jquery/tipsy/

编辑:如果live: true添加到 Tipsy(),结果相同。

0 投票
2 回答
585 浏览

css - 将醉酒放置在每个 div 出现的地方

Javascript:

TPL聪明:

CSS:

我需要在每个 div 链接的上部中心放置醉酒,怎么做?现在醉酒总是显示在左侧。在 img 中如何以及如何需要的示例:http: //oi43.tinypic.com/adka3t.jpg

0 投票
5 回答
2214 浏览

javascript - jQuery Tipsy 不适用于 jQuery.each() 和 live:true

注意:这个问题被标记为已解决一次,但它发现升级到最新的 jQuery 只修复了一个问题。有关剩余问题,请参阅下面的更新问题。

大家好,

我刚刚遇到了 jQuery.Tipsy 的一个奇怪问题。

这是一个简化的演示小提琴:http: //jsfiddle.net/6nWtx/7/

如您所见,最后添加的a.tipsy2元素并没有得到提示。.tipsy2元素在函数中被提示,jQuery.each()此时我遇到了问题。没有each()它的工作。不幸.each()的是,在调用tipsy().

有什么建议吗?

这里是 Tipsy 的源代码:https ://github.com/jaz303/tipsy/blob/master/src/javascripts/jquery.tipsy.js

恕我直言,问题是使用jQuery.each()和 Tipsy 选项的组合live:true

更新:

在调用之前我想做的另一件事.tipsy()是检查一些可选配置。

例如:<a href="#" title="This is a tooltip" class="tipsyfy delayed">Help</a>"

在此示例中,我将向 Tipsy 添加以下选项:delayIn:1000如果没有delayed与元素关联的类,则此参数将为delayIn:0.

使用相同的逻辑,我还想指定以下类:show-top, show-left, show-right, show-bottom对于 Tipsy 选项称为gravity.

例子:<a href="#" title="This is a tooltip" class="tipsyfy delayed show-left">Help</a>"

完整代码:

这是一个完整的jsFiddle 演示,其中包含我想做的所有事情:http: //jsfiddle.net/xmLBG/1/

0 投票
2 回答
1525 浏览

javascript - Tipsy Tooltip 箭头问题

我正在用醉酒的工具提示制作一个工具栏。我更改了 CSS 以更改颜色,然后我为箭头制作了图像。这是图片的链接:http ://www.novaprogramming.com/tipsy.png 颜色是:#454545 出于某种原因它不会显示?

0 投票
1 回答
626 浏览

jquery - Tipsy插件在IE9中不起作用

我在我的网页上使用了Tipsy,它在除 IE9 之外的所有浏览器上都可以正常工作(我不会在早期的 IE 版本上检查它)。 工具提示在悬停时显示,没有任何效果。我在这里做错了什么?还是它是一个错误?有什么解决办法吗?更新 在侧边栏和页脚社交联系人图标中的共享按钮上使用它。 更新 在提供的测试页面上,工具提示用于给出链接。

0 投票
3 回答
748 浏览

jquery - jquery Tipsy.js中的工具提示闪烁(或)跳跃

我在我的应用程序中使用tipsy.js,当我将内容悬停时,它会显示工具提示,但它在FF和IE中经常闪烁或跳跃,而在Chrome中它没有发生,请有人帮助我解决这个问题。

JavaScript:

注意:这适用于正常的最大化窗口,因为我支持其他设备 ipad 并且窗口的宽度很小,当时工具提示宽度没有足够的空间来显示全文它开始闪烁或跳跃。将窗口大小调整为小,并确保工具提示元素位于窗口的角落。

0 投票
1 回答
1770 浏览

jquery - jQuery Tipsy:简单的覆盖解决方案?

如何在不丢失测试文本且不克隆的情况下将方向从“n”更改为“w”?

这是一个小提琴:http: //jsfiddle.net/nQvmw/23/

0 投票
1 回答
936 浏览

javascript - 为什么使用 Tipsy 会破坏我由 d3 生成的力导向图?

我正在尝试将 Tipsy 悬停弹出窗口添加到我的 3 个节点的简单力导向图中。

但是,添加 Tipsy javascript 似乎会使我的 javascript 崩溃:http: //goo.gl/BeYls

Chrome Web 开发者控制台说明:

未捕获的类型错误:对象 [object SVGCircleElement]、[object SVGCircleElement]、[object SVGCircleElement] 没有方法“tipsy”

我确信没有 Tipsy 代码的应用程序的其余部分可以工作(因为取出第 78-85 行修复了应用程序),并且我已经包含了 javascript 文件。

具体来说,这是我编写的用于将 Tipsy 弹出窗口添加到 DOM 中的每个节点的代码。

为什么会破?节点不是 DOM 元素吗?

0 投票
1 回答
357 浏览

google-chrome-devtools - 如何使用 Chrome Web Developer 检查醉酒悬停?

我正在尝试检查此页面上出现的 Tipsy 悬停的 div 元素,以更改弹出窗口的宽度。 https://dl.dropbox.com/u/1531353/Misc/Docudocker/setups/tipsyCrashingApplication/force-html.html

但是,当我按下Shift++ ,然后将鼠标移动到 Developer Elements 面板时, CtrlTipsyC悬停消失了,所以我不能再检查它了。

如何检查仅在 Chrome Web Developer 中出现悬停效果时出现的元素?

0 投票
1 回答
4514 浏览

jquery - 醉意工具提示 jquery 插件中的 html

Tipsy是使用 jquery 的 facebook 样式工具提示的插件。我希望能够在工具提示中显示 HTML。class='test'例如:当鼠标悬停在图像中时,我有任何图像,我看到带有文本(html)的工具提示<div></div>

前任 :

现场演示:请将鼠标悬停在 stackoverflow 答案中的标签上。您会看到标签的统计信息。

谢谢。