问题标签 [tooltipster]

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 回答
2270 浏览

javascript - 如何向 tooltipster 插件添加点击事件,以隐藏选定的元素

您好,我有一些带有 class 的元素.tooltip。单击工具提示后,它们中的每一个都应该被隐藏,但我不知道如何定位特定元素,这会触发工具提示。

单击工具提示后应隐藏元素。

jsfiddle 演示: https ://jsfiddle.net/5r88wyfr/1/

html

css

js

0 投票
1 回答
112 浏览

jquery - 如何在用于选择输入的 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息?

我正在使用 Tooltipster 插件来显示由 jQuery Validate 插件生成的表单错误,但是我无法让它显示选择输入的错误

0 投票
1 回答
430 浏览

javascript - 使用 tooltipster 将工具提示显示为 div 的 innerHTML 的一部分

我正在使用tooltipster生成工具提示。一切正常,除非我需要使用简单的 JavaScript 函数根据用户输入设置 div 的内容。div 内容由图像组成,当将鼠标悬停在每个图像上时,应显示工具提示。但是,提示显示为默认浏览器的行为,用于显示带有图像的 title=。我使用的 JavaScript 很简单:

有没有办法使这项工作?工具提示确实显示在此网页的其他位置,因此所需资源似乎设置正确。

谢谢!

0 投票
2 回答
2801 浏览

css - Custom styled arrows Tooltipster

I'm using tooltipster with custom styling. But I need the arrow to be bigger (30px in stead of default 7/8px). But when I create the custom css the arrows look great, but the position of the tooltip is wrong and overlaps the hotspot. (still based on the original 'small' arrow).

snippet

I styled the arrows by overriding the .tooltipster-arrow-left/right span with:

Is there a way to tell tooltipster what the size of the arrow will be?
Or can I set an offset?

I tried adding a margin to the .tooltipster-base, but this doesn't work well. It only works for either left positioned tooltip or right positioned tooltip and not for both.

Thanks for your help.

0 投票
1 回答
52 浏览

tooltipster - 在 Tooltipster (tooltipster.js) 中显示为文本的元素

我正在使用 Tooltipster.js 来应用精美的工具提示。问题是当我在工具提示中设置文本时,它会按原样呈现,这是我不想要的。我希望它显示为呈现的 html。

例如

这是我的代码:

现在,工具提示将其显示为<p><strong>text</strong></p>. 我希望它看起来像text

我怎么做?

0 投票
1 回答
505 浏览

tooltipster - tooltipster.js: Tooltip getting overlayed on one another

Here's the JSFiddle:

https://jsfiddle.net/68umt5b3/

As you notice, tooltips are getting changed, but they overlay on one another. Removing 'multiple: true' helps, but my MAC gets overloaded and browser crashes, saying:

Tooltipster: one or more tooltips are already attached to this element: ignoring. Use the "multiple" option to attach more tooltips.

I only need one tooltipster shown at the time. How can I fix this?

enter image description here

0 投票
1 回答
201 浏览

tooltipster - tooltipster.js:工具提示时删除标题

这是另一个线索:

https://jsfiddle.net/68umt5b3/

请注意,<span>第一次悬停后,该标题会丢失。我怎样才能保存它?

谢谢!

0 投票
1 回答
1253 浏览

jquery - Tooltipster 在第二次悬停时延迟 3 秒后显示

我想tooltipster tooltip在第二次悬停一段时间后显示

不知何故,我设法tooltip在第二次悬停时禁用。但我想在第二次悬停时显示工具提示,但经过一些延迟。

找小提琴演示

这是代码:

0 投票
1 回答
249 浏览

jquery - 将工具提示动态定位到图像?

所以我一直试图让这样的事情起作用,但是我似乎无法让工具提示定位响应。下面是网站示例:

根据我每次页面加载时收集的信息,工具提示 div 继承了内联样式的绝对位置,并设置了顶部和左侧。我将如何重新创建这种效果?

0 投票
1 回答
481 浏览

jquery - Tooltipster 单个工具提示的多个触发事件

我正在使用 jQuery 插件 Tooltipster。我希望通过单击和悬停事件都显示工具提示。我怎样才能做到这一点?