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

jquery - 更改 Tooltipster 工具提示在图像地图上的位置

我正在使用带有图像映射的 jQuery Tooltipster 工具提示,但不能让它正常运行。工具提示弹出,但在我浏览器的左上角。在 javascript 文件中使用“偏移”选项确实会移动它,但我认为这不是最好的选择。将此插件与图像上的图像地图/区域坐标一起使用的正确方法是什么?

这是我正在使用的内容,将鼠标悬停在最左边的橙色或绿色圆圈上以查看我在说什么:http ://willryan.us/test/#anatomyBox

0 投票
0 回答
279 浏览

jquery - Cargo Collective 和 Tooltipster

我试图到处寻找某种指导,但我真的不知道该怎么做。我经常来这个网站寻找以前回答的问题,但找不到任何关于货物和工具提示器的信息。这甚至可能是不可能的,我不确定。


问题:我已尽我所能遵循工具提示步骤。( http://calebjacob.com/tooltipster/#getting-started ) 我觉得我做的一切都是正确的,我不知道为什么它不起作用。请记住,我对 jquery 非常陌生,我正在努力做到最好,哈哈。

这是我的网站:http ://emengel.net/我不确定要提供什么其他信息。我知道 cargo 已经在 jquery 上运行,我也可以拥有 tooltipster 吗?

0 投票
2 回答
57768 浏览

jquery - 如何在 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息?

我想使用Tooltipster 插件来显示由jQuery Validate 插件生成的表单错误。

用于验证插件的 jQuery

用于 Tooltipster 插件的 jQuery

HTML

我将如何整合这两个 jQuery 插件的使用,以便验证错误出现在工具提示中?

0 投票
1 回答
656 浏览

jquery - 点击时 JQuery Tooltipster 延迟

我的主页上有一个显示工具提示的 JQuery 幻灯片(使用插件 Tooltipster http://calebjacob.com/tooltipster/),每次您将鼠标悬停在其中一个幻灯片图像上时。我想要做的是每次使用 JQuery 单击幻灯片上的下一个按钮时延迟 Tooltipster 的加载。到目前为止,这是我的语法:

但是,这是行不通的。我哪里错了?

0 投票
1 回答
1707 浏览

jquery - 尝试将工具提示功能添加到独立 SVG 文件时,我收到“无效的 'in' 操作数样式”错误

我正在尝试将工具提示添加到独立的 SVG 文件,但它返回以下错误:

对于以下 jquery-2.0.0 函数:

如果我通过 HTML 页面呈现 svg 文件,它工作正常。但我需要它作为纯 SVG 工作,但无法做到这一点。

这是用HTML(有效)和SVG(无效)表示的同一页面。工具提示插件称为 tooltipster(由 Caleb Jacob 开发)。

编辑:似乎问题陈述不正确。这是来自 keith-wood.name 的相关引用:

SVG DOM 与设计 jQuery 的 HTML DOM 不同。特别是,任何可以动画的属性都存储为对象而不是纯字符串。这包括类属性。因此,与类一起使用的 jQuery 函数在 SVG 节点上不起作用。

可以在 Internet 上找到一些对原始 jQuery 版本的修改,试图解决这个问题,但它们反过来不适用于最新版本的 jQuery 插件。

我不确定这是否可以回答问题。

0 投票
1 回答
1130 浏览

javascript - JQuery-Plugin-Tooltipster:如果带有工具提示的元素获得带有附加工具提示的子元素,则“onlyOne”不起作用

如果您直接悬停子元素,将显示所有级联工具提示。“onlyOne”的显式设置和子提示音的不同延迟都无济于事。

是否可以只显示孩子的那个而不写自己的悬停触发器?

jQuery 代码(使用 V 1.8.2)如下:


在清理了我对 JQueryUI 小部件的困惑和无知之后,我将使用它并再次进行样式设置。但我想在未来使用 tooltipster 插件,因为它提供了一些我在小部件中看不到的功能。所以这个问题仍然没有答案......

https://github.com/iamceege/tooltipster/issues/32

0 投票
1 回答
1170 浏览

css - Kendo UI Tabstrip 和 jQuery Tooltipster 重叠问题

我正在使用 MVC4、Kendo tabstrip 和 jQuery Tooltipster 来显示验证消息。

我的问题是来自 Tab 1 的验证消息由于 z-index 而在 Tab 2 上重叠。我已经尝试为 tooltipster-base 设置 z-index 但不起作用。

我的 HTML 代码如下所示:

脚本:

请检查:JSFiddle:http: //jsfiddle.net/vishalvaishya/bCZWd/2/

请帮助我设置正确的 CSS 样式。

0 投票
0 回答
1274 浏览

php - tooltipster 通过 ajax 将动态数据从 php 数组传递到 tooltip

当我悬停存储在数组中的表数据时,我正在使用带有 ajax 请求的 Tooltipster 来显示来自 php 的动态数据。为了获取元素的内容,我使用了一个 jquery 函数(如下所示),它按预期工作。(警报输出正确的内容)

但我的问题是,代码仅将第一个数组值传递给 tooltipster,但我希望 tooltipster 获取悬停元素的值,就像在警报输出中一样,对 'tooltip 中表数据的悬停内容进行查询.php'。这是我的代码:

我是 jquery 的新手,感谢任何建议......

0 投票
1 回答
703 浏览

javascript - 带有验证的 Jquery Tooltipster - 警告?非标准文档。使用了所有属性

我希望以与 Sparky 在 2013 年 2 月 7 日提供的示例类似的方式将 Jquery Validate 与 Tooltipster 结合使用: 如何在 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息?

不同之处在于验证方法是通过脚本函数而不是表单提交。我还想将工具提示附加到一个类而不是整个表单输入。验证完成后,该函数将调用另一个函数。

它有效,但显示以下警告:

我认为document.all它已被弃用,并且在未来的浏览器版本中不存在。但是我不明白为什么我的代码显示警告!我已经用我的代码消除了所有其他可能的原因。所以我认为它要么是我没有看到的东西,要么是导致警告的 Tooltips + Validation 组合库。

这是我的 JS 代码:

是否有人对此有修复/解决方法,或者可以告诉我哪里出错了?

更新:在 Sparky 的大量观察和他的有用评论之后 - Firebug 中的一个错误是导致误报警告的原因。带有验证单选和复选框验证的工具提示器目前可以正常工作。

0 投票
1 回答
1112 浏览

jquery - 如何通过 jQuery 在工具提示的范围内获取文本?

我正在尝试使用Tooltipster jQuery plugin使跨度内的文本成为工具提示的“内容” 。

可以在此处查看“内容”选项的可用参数的描述:

http://calebjacob.com/tooltipster/#options

jQuery

HTML

jsFiddle

http://jsfiddle.net/rwone/y9uGh/1/

解决方案

根据下面的答案,这是我使用的实现。下面的代码片段显示了 js 解决方案与插件参数的集成: