问题标签 [tooltipster]

我正在使用 jquery tooltipster 插件 ( https://iamceege.github.io/tooltipster/ )，但我遇到了定位问题。我将图像放在地图上并绝对定位它们。我希望工具提示出现在底部，但我无法让它工作：它们一直出现在图像的顶部，并且工具提示的高位离开屏幕（请参阅此处- 将鼠标悬停在树上时出现工具提示） .

这是我的代码：谁能告诉我我做错了什么？或者为什么工具提示没有出现在底部？

我正在使用 tooltipster jquery 插件以更好的方式显示标题。在我的网站有两个类的链接.fav tooltip

用于获取上述.tooltip锚标题并根据 tooltipster 插件显示。

这工作得很好，但是当用户点击这个链接时，整个 DOM 将被一个新的 DOM 替换。

此时，具有.del类的新锚不会发生任何事件。我的问题是如何在 jquery 中向这个新创建的 dom 添加事件监听器？

在做了一些研究后，我这样修复它：

但是当我们悬停链接时，似乎我们一次又一次地向 dom 添加相同的事件，没有任何理由，所以这里的问题是我们可以一次向这个新创建的 dom 添加一个事件侦听器吗？

我在我的 Angular 代码中的指令的链接函数中有以下构造（工具提示库可以在http://iamceege.github.io/tooltipster/下找到）：

我遇到的问题是，当我用 Jasmine 测试这段代码时，覆盖率报告者抱怨说，因为functionBefore我的测试没有涵盖通过的函数。

如何在显示工具提示之前使用 Jasmine 进行单元测试（这在技术上不是在测试我的代码，而是在测试工具提示代码）和（这是关于我的代码）以及函数内部的语句被执行? 为了测试后者，我必须对已经匿名的本地函数的参数进行监视。

我知道我可以使用 jasmine-jquery 插件模拟 mouseenter 事件，该插件应该会引发工具提示出现，但是如何functionBefore使用 Jasmine 单元测试来覆盖呢？

我有一个表格，悬停在特定单元格上时，我需要根据它悬停的单元格显示具有不同值的工具提示。

我想知道如何以 Angular 方式使用插件，并且我在现有设计中遇到了问题。

问题：

- 它不适用于第一次悬停。

- 在第二个悬停工具提示器仅显示它为所有单元格悬停的第一个值。值没有改变

- 它应该随着时间显示 associateID

在控制台中出现错误，例如

这是我的Plunker

但我的要求是不要使用多个工具提示，而是在悬停在特定单元格上时更改现有工具提示的值。

当附加多个选项时，它第一次不起作用。

不确定这是在 Angular js 中使用 jquery 插件的正确方法。寻找在 Angular js 中使用 jquery 插件的拇指规则/步骤/程序。

请指导我，或者有没有更好的方法来实现这一点。我是 angular js 的新手。

我正在使用这个插件http://iamceege.github.io/tooltipster/。

有可能知道 HTML 是否已经初始化了工具提示器？

我想知道，因为有时我需要更改工具提示的文本，为此，我需要销毁工具提示器，更改 HTML 对象的属性标题，然后再次初始化。像这样：

我正在使用 jquery validate 和 tooltipster 来将错误消息显示为工具提示而不是默认值。我遇到的问题是多个复选框的错误消息位置。我想显示在主标签上（在这种情况下是位置），而不是显示在第一个复选框上。下面是示例代码，

形式：

JS：

我一直在为我正在构建的需要工具提示的网站使用 jQuery 插件。工具提示在悬停时使用 AJAX 提供数据，并且在我为项目添加工具提示部分之前，它一切正常且花花公子。添加代码并保存后，我注意到工具提示和一些 jQuery 元素不再工作（xbbcode 插件也停止工作，但引导程序、颜色选择器和放大仍然工作正常）。

我回去删除了代码，看看我是否在那里做错了，但错误仍然存​​在！除了附加工具提示之外，我没有更改任何其他内容，所以我不明白为什么突然之间它现在不起作用了。这是使用的代码，包括我试图添加的项目工具提示（在底部定位.item）。

我在这里看不到任何明显的错误，我将所有插件脚本放在一个文件中并缩小以最小化加载时间，但是在试图弄清楚为什么 xbbcode 和 tooltipster 突然不起作用时，我继续并重新下载了单独的版本. 通常在这种情况下，我怀疑 tooltipster 和 xbbcode 之间存在某种兼容性错误，但在添加项目工具提示之前它们工作得很好，当我暂时删除 xbbcode 以查看工具提示是否会再次开始工作时，结果是相同。

我在我的 Boostrap 网站上使用 Tooltipster 插件。我在页面上相邻的两个不同位置有工具提示。在本地和通过 emailonacid.com 进行测试时，两个工具提示都按预期显示。但是，在 IE9/IE8 中，仅显示右侧的那个。左边那个好像消失了。

我查看了官方的 Tooltipster 常见问题解答和论坛，以前的版本似乎在 IE9 中存在问题，但显然不再存在。我难住了。这是一个jsfiddle（如果信息不足，我很抱歉，我以前从未使用过它）：

https://jsfiddle.net/st7zx58r/

感谢您的任何帮助，您可以提供！

我一直在为我的网站上的各种元素使用Tooltipster插件（顺便推荐这个插件），我决定我想在 SVG 对象文件中的元素上使用它，但事实证明这更多比最初想象的要难。

所以在我的html页面上，我有对象：

为了这个问题，一个简单的 SVG 模型（我的 svg 很大）：

Tooltipster 的工作原理：

对于那些不熟悉 tooltipster 的人，您所要做的就是为 tooltipster 插件分配一个类或 id，如下所示：

并且 Tooltipster 将使用元素的 title 属性作为工具提示，如上所示，或者您可以使用 javascript 生成工具提示消息：

死简单！

回到我的 svg 问题

所以我试图让 tooltipster 插件在我的 svg 中的 xlink元素上工作，但事实证明，使用上面的这些通用方法不适用于SVG object 中的元素。

为什么是这样？

首先，我是否需要像这样在 SVG 文件中链接我的 javascript 文件（就像使用外部样式表一样）...

...为了让它使用javascript（和tooltipster插件）？但是我已经尝试过了，但它不起作用，但由于到目前为止还没有任何效果，我想知道是否需要链接到我的外部 js文件？注意：我已将 tooltipster 插件放入我的外部 js 文件中 - scripts.js

我做什么都没有用！我只能假设这...

...在 SVG 文件中找不到元素。

我整理了一个简单的FIDDLE - 请看一下。

我已经在线完成了我的研究，并且没有任何与使用-Tooltipster 插件的 SVG 对象中元素的工具提示相关的帖子和​​其他人查询的“解决方案”不适用于我的情况。

感谢您的帮助和指导

更新：

我已经尝试过在网上找到的这种技术，但我不知道我这样做是否正确，否则我现在真的抓着稻草：

使用上面的代码小提琴。

*最近更新

啊！！！（感谢 Evan）我犯了一个业余错误，忘记在我的小提琴中包含 jquery 库！但这仍然没有解决我的问题！

好的，请查看更新的小提琴：

HTML：

JS：

正如您在小提琴中看到的那样，工具提示现在可以 100% 正常工作（这是因为 SVG 代码在HTML 中。一旦我将 SVG 链接到我的 html 中作为对象（就像我在我的网站上所做的那样）像这样...

...工具提示不起作用！我错过了什么？如何让 javascript 为上面的 xlink 中的 title 属性工作？我需要将 javascript 放在我的 SVG 文件中吗？既然它是一个对象，我是否需要以某种方式 GetelementsbyID ？

再次感谢您的帮助

I'd like to include interactive content in a tooltip [that's created using Tooltipster]. A simple example:

http://jsfiddle.net/qrbsug8r/2/

The goal is to have the "Tooltip click me" link in the Tooltip content trigger a typical Mithril draw cycle.

My questions are how do I render the tooltip content using standard Mithril, and how do I hookup the onclick event? For example, if I were not using Tooltipster I might do: