问题标签 [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.

103 问题

0 投票

1 回答

1338 浏览

jquery - 长文本触发器上的提示工具提示位置

使用tipsy.js 作为我的工具提示。当触发器仅跨越 1 行文本时工作正常，但如果更长的触发器换行到下一行，它只会在该内容区域中居中显示工具提示。任何帮助使其正确定位将不胜感激。谢谢！富有的

0 投票

3 回答

1060 浏览

javascript - 实时更改 jQuery Tipsy 插件重力

我在用jQuery Tipsy 插件，我想知道是否可以动态更改重力。

我一直在尝试但没有成功： //jsfiddle.net/YSYuu/

无论如何，这是代码：

javascript jquery jquery-plugins tipsy

0 投票

1 回答

45 浏览

javascript - 页面上的用户交互与醉醺醺的

有没有办法可以跟踪用户在页面上所做的事情。主要我想做以下事情：用户打开一个页面，如果他没有点击该页面上的任何地方以显示一个工具提示（我正在使用提示）指导他哪些部分是可点击的。

到目前为止，我已经尝试了几种东西：

我已将醉意设置为手动显示: trigger: manual;
我创建了一个变量，false直到用户单击那些 可点击的项目（div 和图像）
如果变量为 false，则显示工具提示 ( tipsy )。

但我错过了一些东西，因为这不起作用。这是我的代码。

javascript jquery tipsy

0 投票

1 回答

167 浏览

ruby-on-rails - 在 Rails 中使用 Tipsy

我想知道如何在我的 Rails 应用程序中使用插件。例如，虽然 Tipsy ( http://onehackoranother.com/projects/jquery/tipsy/ ) 确实以 gem 的形式出现，但如果有人能告诉我如何在没有 gem 的情况下集成它会很棒，因为我可以将它应用到其他不是 gem 形式的插件。

几个问题：1）我应该使用供应商文件夹吗？2）我应该在我的应用程序布局文件中引用应用程序之前的js和css吗？3) 图像在哪里，我如何从 Tipsy css 文件中引用图像？

ps 顺便说一句，我正在使用 Rails 4！

ruby-on-rails jquery-plugins tipsy

0 投票

1 回答

3301 浏览

javascript - jquery - 改变醉酒工具提示的重力/位置？

有没有办法编辑醉酒的位置或重力（我不知道什么是正确的）？该插件本身有一些重力选项，您可以通过脚本分配它们：

我目前正在使用s位置，正如您在小提琴中看到的那样：http: //jsfiddle.net/cnLW8/

但我想知道是否可以编辑 Tipsy 的位置，使其显示在元素的中心。不是在旁边、上面或之外，而是相对靠近中心？

目前，我通过将.tipsy类的 css 属性设置为：

但我认为有一些更聪明的解决方案，通过脚本或其他东西编辑它......

欢迎任何帮助或建议..

javascript jquery css tipsy

0 投票

2 回答

910 浏览

jquery - 克隆后的jQuery冲突

我想克隆带有标题的问号。一切正常，但是当我将鼠标悬停在新问号上时，工具提示出现在第一个问号上。任何的想法？

我正在使用 jQuery 和小费工具提示。

演示在这里

演示

jquery tooltip jquery-tooltip tipsy

0 投票

0 回答

581 浏览

jquery - 如何在svg可折叠图树中显示相对于节点的jquery提示工具提示？

当鼠标悬停在节点上时，我尝试显示可折叠树图的提示工具提示，但工具提示未相对于节点显示。它显示在浏览器的左上角而不是相对于节点。鼠标悬停在节点上时如何显示相对于节点的工具提示。我的代码如下

请尝试帮助我显示相对于节点（圆圈）的工具提示。谢谢

jquery d3.js tipsy

0 投票

1 回答

272 浏览

javascript - 如何在不重新加载页面的情况下在提示信息中创建自动关闭链接？

我正在使用 Tipsy 来显示一些内容；在此内容中，我有一个用于关闭工具提示的链接（一个大 X）。但是，单击时，它只是跳转到页面顶部并且无法关闭工具提示，即使我将其设置为返回 false。我的代码如下所示：

应用于此 HTML：

相关小提琴：http: //jsfiddle.net/gZkJJ/

通过让任何点击导致工具提示关闭，我解决了一半的问题。我试图用 event.stopPropagation(); 免除某些 div 中的点击次数；-- 这导致工具提示被关闭，但是 a) 有问题的 div 没有被豁免 b) X 仍然跳到页面顶部。与上面相同的 HTML，但 JavaScript 略有不同：

此变体的相关小提琴：http: //jsfiddle.net/u62eH/

我包括了过多的高度和间距，以便您可以验证链接是重新加载框架还是强制滚动到顶部，您可以通过在点击 X 之前稍微向下滚动来做到这一点。

任何帮助将非常感激。我觉得我错过了一些明显的东西。

javascript jquery tipsy

0 投票

0 回答

1409 浏览