问题标签 [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 投票
2 回答
6669 浏览

jquery - jquery tooltipster 插件,隐藏所有提示?

如果我将工具提示器绑定到输入元素和像 div 这样的不同元素,有没有办法可以在一次调用中隐藏所有内容?

到目前为止,我知道我可以通过以下方式手动完成:

$('表单输入').tooltipster('隐藏'); $('#mydiv').tooltipster('hide');

0 投票
1 回答
948 浏览

javascript - Tooltipster 悬停选择和选项在 IE 中不起作用

我不确定这是否是问这个问题的正确地方,但我在使用 tooltipster 和 IE 时遇到了问题。当我制作一个在悬停时显示的交互式工具提示器并添加一个带有选择框的表单时,不可能在 IE 中选择一个选项,因为工具提示器关闭并且您无法进行选择。

我做了一个 Plunker 来快速显示问题(在 IE 中打开): http ://plnkr.co/lckgcT

我尝试在表单选择选项(显示:块/内联块等)中添加各种 css 选项并使用 Z-index。但是没有任何效果,当我“打开”选择选项时,工具提示器会不断关闭。

我很抱歉英语不好,我希望问题很清楚!

0 投票
1 回答
391 浏览

jquery - tooltipster.js:我的链接消失了

当我使用 class="tooltip" 时,菜单中的链接消失了:

看看: http ://www.habeck-dental.ch/neu/

菜单中应该有 START 字样。工具提示工作正常。为什么我看不到链接?

0 投票
0 回答
513 浏览

jquery - 工具提示错误:已经提到的初始化

我正在使用带有 jQ​​uery 步骤的 HTML 辅助表单的 MVC 视图。并且,致力于验证。但是工具提示器总是因初始化而失败。已经把所有的帖子都看完了。但不知何故不起作用。我的代码片段如下

脚本:

形式

0 投票
3 回答
2387 浏览

jquery - 在这个 jQuery 插件中使用 ajax (Tooltipster)

我是一个老(大约 2008 年)的 Flash 人,更多的是设计师而不是程序员。好几年没编程了。

我正在尝试在我正在构建的网站上实现 Tooltipster(都是 html/jQuery),只有一种用法,但我需要能够按需加载内容,这样我就没有巨大的初始负载……一个页面上会有几十个;即一个工具提示,您可以单击其中的链接,并具有图像和文本(以及任何其他 html),并且在您移出内容区域之前不会消失。

在 Tooltipster 主页上,有关于使用 ajax 加载的信息,但我不太明白。

简单来说,如何将以下代码转换为 ajax-load 实例?如前所述,一个页面上可能有很多这样的内容。例如,我想 demo-interact 需要是一个 html 页面,所有其他实例也是如此,但我在这里不适合:

在项目的主页上,它显示了如何使用 ajax 加载 html 文件,但正如我所说,它有点超出我的能力。我假设包含标签需要一个 ID,并且该 ID 将被传递到函数中,而不是 example.php(如下),,或类似的东西?

这一切都来自这里:http: //iamceege.github.io/tooltipster/#demos

任何帮助,将不胜感激:)

肖恩

0 投票
3 回答
2957 浏览

javascript - 显示带有焦点和悬停的 Tooltipster 提示

我们正在利用 tooltipster 插件在信息图标上显示工具提示。这在悬停时效果很好。但是我们还需要让它显示是否有人也点击了信息图标。

我似乎找不到任何关于如何在悬停和焦点上启用弹出窗口的示例。

这是该项目中已经存在的内容:

HTML:

Javascript:

0 投票
1 回答
2516 浏览

javascript - 对动态内容的动态元素使用相同的 tooltipster-tooltip

我真的很喜欢 tooltipster,但我现在有一个问题:我将生成一个动态的项目列表,并且每个项目上都应该有一个工具提示。此工具提示的内容应该是动态的,带有一个 ID,我通过工具提示将其发送到工具提示内的页面。但可以肯定的是,使用我当前的代码,我只是从列表的 LAST ID 中获取每个工具提示中的动态内容。所以,我不知道如何使用 tooltipster 并为每个列表项发送提示中动态内容的正确 ID。

这是我的代码:

列表项的 PHP:

生成的列表项的示例 HTML:

使用过的工具提示器的 JS:

因此,我只需要帮助,以找到始终将正确 ID 从 PHP 列表项发送到工具提示器而不是 LAST ID 的方法。

PS:您可以在屏幕截图中看到,内容始终是列表的最后一个内容,而不是不同的内容!

在此处输入图像描述

0 投票
1 回答
1247 浏览

jquery - Tooltipster 在第二次悬停时将图像显示为工具提示

当我尝试将鼠标悬停在图像上时,工具提示器应显示图像工具提示。但我可以在第二次悬停时看到工具提示图像。它第一次不起作用。

可能是什么原因 ?

0 投票
2 回答
2066 浏览

jquery - Tooltipster jQuery插件和引导程序一起导致消失的问题

我遇到了一个问题,如果我将类“工具提示”应用于对象,它将消失,但这仅在我使用引导程序时发生,我想知道是否有人知道解决方法。我将提供两者的例子。

这里没有引导:

这是带有引导程序的代码段:

如果您转到隐藏图标的第二个并将鼠标悬停在左上角,您可以看到工具提示出现,但如果我的图标被隐藏,它对我没有帮助。

0 投票
2 回答
3772 浏览

jquery - 为 tooltipster 插件生成的工具提示添加换行符

我最近尝试使用一个新的工具提示插件,因为我喜欢这个功能。但是我遇到了一个问题,我不知道如何添加新行,所以我的工具提示不只是贯穿整个页面。我尝试了一些我在此处阅读的解决方案,例如转义字符,但它们不起作用。