问题标签 [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.
javascript - 如何向 tooltipster 插件添加点击事件,以隐藏选定的元素
您好,我有一些带有 class 的元素.tooltip
。单击工具提示后,它们中的每一个都应该被隐藏,但我不知道如何定位特定元素,这会触发工具提示。
单击工具提示后应隐藏元素。
jsfiddle 演示: https ://jsfiddle.net/5r88wyfr/1/
html
css
js
jquery - 如何在用于选择输入的 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息?
我正在使用 Tooltipster 插件来显示由 jQuery Validate 插件生成的表单错误,但是我无法让它显示选择输入的错误
javascript - 使用 tooltipster 将工具提示显示为 div 的 innerHTML 的一部分
我正在使用tooltipster生成工具提示。一切正常,除非我需要使用简单的 JavaScript 函数根据用户输入设置 div 的内容。div 内容由图像组成,当将鼠标悬停在每个图像上时,应显示工具提示。但是,提示显示为默认浏览器的行为,用于显示带有图像的 title=。我使用的 JavaScript 很简单:
有没有办法使这项工作?工具提示确实显示在此网页的其他位置,因此所需资源似乎设置正确。
谢谢!
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).
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.
tooltipster - 在 Tooltipster (tooltipster.js) 中显示为文本的元素
我正在使用 Tooltipster.js 来应用精美的工具提示。问题是当我在工具提示中设置文本时,它会按原样呈现,这是我不想要的。我希望它显示为呈现的 html。
例如
这是我的代码:
现在,工具提示将其显示为<p><strong>text</strong></p>
. 我希望它看起来像text。
我怎么做?
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?
jquery - 将工具提示动态定位到图像?
所以我一直试图让这样的事情起作用,但是我似乎无法让工具提示定位响应。下面是网站示例:
根据我每次页面加载时收集的信息,工具提示 div 继承了内联样式的绝对位置,并设置了顶部和左侧。我将如何重新创建这种效果?
jquery - Tooltipster 单个工具提示的多个触发事件
我正在使用 jQuery 插件 Tooltipster。我希望通过单击和悬停事件都显示工具提示。我怎样才能做到这一点?