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

javascript - Tooltipster 窗口不适合所有内容

我为 jquery 使用 Tooltipster 插件。

当我使用 Bootstrap 3 按钮组作为工具提示的内容时,工具提示宽度计算不正确(几个像素)并出现第二行。

以编程方式生成内容:

完整情况:http: //jsfiddle.net/YHXB5/1/

0 投票
2 回答
2815 浏览

html - tooltipster - 将 div 设为“内容”,并将 div 中的 css 更改反映在内容中

我想为工具提示内容分配一个 div。一种方法是使用网站示例中给出的内联 div:

但是我想要的是让 div 单独定义如下:

然后将内容定义为

我想这样做的原因是因为我正在对工具提示器进行动态css更改,'#abc'并且每次工具提示显示我希望合并最近更改的css。

谢谢

0 投票
4 回答
2322 浏览

javascript - jQuery Tooltipster 应该在悬停时显示隐藏的 DIV

我的代码是

我的 div 是<div id="BTE">ABCDEFG</div><div id="HHH"></DIV>

我想最初隐藏我的“BTE”,当悬停在“hhh”周围时,应该出现“bte”。我想知道如何实现这一目标?我曾尝试过display:none,但它不起作用。

0 投票
1 回答
639 浏览

jquery - Tooltipser 弹出窗口不适用于第一个鼠标悬停

我在我的页面中使用 Tooltipser 弹出窗口。

tooltipser 的内容是由 ajax 更新的。

如果内容中没有图像,它们运行良好。

但是如果ajax内容中有图片,那么第一次tooltipser的位置就不对了。但从第二次开始,它出现在正确的位置(即在顶部位置)

任何人都可以知道原因吗?

以下是我的代码

例子.php

0 投票
2 回答
2933 浏览

tooltipster - Tooltipster 在 ajax 内容中不起作用

在堆栈溢出中搜索时。我发现我也面临一个老问题。但没有人回答。所以只是想知道有人对此有任何想法

如何让 jquery Tooltipster 插件适用于新创建的 DOM 元素?

以下是我的代码

0 投票
2 回答
402 浏览

javascript - 如何从 ToolTip(tooltipsy) 启动 Lightbox(Fancybox)?

我现在正在开发的应用程序需要用户将鼠标悬停在一个图标上,该图标会启动一个工具提示,用户可以单击其中的一个链接来启动一个带有相应产品的花式框。我遇到了工具提示器没有启动fancybox的问题。

这是我目前正在使用的代码。HTML:

CSS:

我试过JS的第一个代码:

我试过JS的第二个代码:

JSFIDDLE

0 投票
1 回答
1150 浏览

knockout.js - Tooltipster 不适用于 Knockout 动态元素

我正在尝试获取关于淘汰赛生成的一些动态内容的工具提示工具提示。这是一个简单的列表,有一个名称和编辑/删除按钮(我想要工具提示)。它是通过调用 Parse.com 填充的,但我重新创建了它的简化版本。

这是HTML:

和js:

小提琴:

http://jsfiddle.net/rYSH2/10/

我错过了什么?

0 投票
1 回答
1668 浏览

jquery - Tooltipster 单个工具提示中的多个工具提示

好的,所以我让工具提示器在工具提示中显示工具提示,这要归功于 louisameline,我现在遇到的问题是让第一个工具提示中的每一行都有一个自己的单独工具提示,这是我到目前为止所拥有的

jsfiddle

所以每个人都有自己的工具提示,但我尝试过的一切都只是破坏了脚本。有人可以帮忙吗?

0 投票
1 回答
2789 浏览

jquery - Jquery Tooltipster 功能可在用户将鼠标悬停在内容上时显示内容

我是 Tooltipster 函数的初学者以下是我的代码:

但输出仅显示以下内容:

当您将鼠标悬停在该 div 上时,它有一个带有 HTML 的工具提示!

同样在控制台中,第 30 行有错误:$( ".my-tooltip" ).tooltip({ content: "Awesome title!" }); Uncaught TypeError: undefined is not a function

请帮忙!!!如何使用工具提示功能并使用它们..?

0 投票
2 回答
7312 浏览

javascript - Tooltipster 在开始时无法正常工作

我正在使用tooltipster插件工具,在其中我用一些td给定id的 .
因此,无论哪个id被定义,鼠标悬停在它上面都会得到ajax数据并相应地显示。

下面是我的代码片段。这里的问题是,工具提示仅在我将td. 此后,它工作正常。
我可以在调试窗口中看到调用了ajax页面并出现以下错误:
Tooltipster: one or more tooltips are already attached to this element: ignoring. Use the "multiple" option to attach more tooltips. jquery.tooltipster.min.js:1