问题标签 [tooltipster]

灵感来自纽约时报奥巴马预算展示 ( http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html?_r=0 )，以及可缩放在 D3 示例页面上的圆形包装示例，我受到启发，指导我们的实习生开发一个基于 Web 的数据集导航界面。我们（主要是他）可以得到圆形包装函数来绘制层次结构，放大和缩小，这样数据就可以工作了。我们要添加的是悬停或单击圆圈标题（而不是单击圆圈主体）以显示交互式工具提示的能力（我个人偏爱此处显示的提示：http://iamceege.github .io/tooltipster/ )。

在非常粗略的伪代码中，我们正在寻找这样的东西：

你可能已经猜到了，我不是 JavaScript 程序员。我为我在这里的污垢方法中的咕哝和抓挠表示歉意。我们的实习生有一定的技能，但正在苦苦挣扎。我觉得我们离成功只有几个方便的技巧。

任何帮助是极大的赞赏。

干杯。

京东

我正在使用tooltipster，并且有一个工具提示，显示单击菜单按钮的时间（此位工作正常）。不过，我在使用工具提示中的关闭按钮关闭工具提示时遇到问题。

我一定错过了一些非常简单的东西。

HTML

工具提示的 HTML（以防万一）

JS

我有通过 ajax 请求生成的工具提示（ https://github.com/iamceege/tooltipster ），其中包含供用户单击的图标。但是，当事件被触发时，我无法让监听器工作。在下面的代码中，我从来没有收到警报弹出窗口。如何获取工具提示中的事件？

这是我初始化工具提示器的方式：

这是被 Site.Funcs.templateCall() 解析后更新到工具提示的内容：

最后，点击事件的监听器：

要显示的 jsfiddle：http: //jsfiddle.net/2DUX2/277/

我正在尝试将 jquery validate 与 tooltipster 一起使用。它一直有效，直到我尝试添加更多项目，然后它尝试转到表单操作而不是验证新字段。有人知道我在做什么错吗？

我在表单元素上使用了所需的类

任何帮助将不胜感激。

我有一页充满了“抽屉”，它们像手风琴一样运作。由于各种原因，无法使用 Jquery UI 手风琴。因此，我使用动态驱动器中的 Animated Collapse 2.4 代替。每个抽屉 div 都包含独特的表单。在这些表单上，我使用 Jquery Validator 和 tooltipster 来显示验证错误。

我遇到的问题是，当在验证成功之前关闭抽奖时，工具提示器不会完全消失，它们会在表单所在的位置徘徊，如果您滚动页面或完全移动它们，它们会跳到左上角屏幕显示一半！所以他们有点隐藏但不完全。就好像他们只需要向上和向左定位几十个像素。

因为我有多个包含表单的 div 抽屉，所以有时在完​​成一个特定的绘图表单时需要切换到另一个抽屉以引用其他数据。所以有时我需要用户能够在不完整填写每个表单的情况下关闭抽屉，然后再回来查看。

请问有什么想法吗？

您需要包含来自 Dynamic Drive 的 js 脚本以用于 animatedcollapse.js - 可在Link

您还需要包含 jquery.tooltipster.js 和 css 文件，这些文件可以在Link下载

HTML：

和 JS：

我在使用带有 jQ​​uery 数据表的 Tooltipster 时遇到问题。工具提示仅适用于第一页，不适用于后续页面。

更新：我的 js 是

上面的代码正在运行。我想知道这是否可以缩短或比现在更清洁。

谢谢。

使用 Tooltipster，我想使用从设置为 js 2D 数组的英语/泰语词汇表中选择的单词填充工具提示。目的是作为一个英语单词的工具提示，它将用于访问和显示配对的泰语单词。所有这些都在一个模态对话框中。这是html：

这是js代码（数组设置为全局变量）

Firebug 显示“tooltipstered”类被添加到 html 中，表明 Tooltipster 正在初始化。我有点迷失了这一点。我不确定 functionAfter 是否是正确的方法，或者任何其他代码。任何建议都将受到欢迎

正如向我建议的那样，我使用 tooltipster 来获取带有验证插件的错误消息。此解决方案效果很好，但是当我打开对话框窗口时出现问题。如果出现错误消息 (tooltipster) 并且我打开一个对话框 (fancybox v2)，则 tooltipster 在对话框窗口中保持活动状态。为了解决这个问题，我尝试在fancybox beforeShow 事件中关闭tooltipster，但是这样当我关闭对话框并尝试重新验证tooltip 时不再打开。

HTML

我该如何解决？谢谢

这里有一个演示：

http://jsfiddle.net/2012j6dv/10/

我正在使用带有 tooltipster 的 angularjs（http://iamceege.github.io/tooltipster/）；我想创建一个页面，如果您将鼠标悬停在文本上，则会显示图像（googleapis.com http 请求）。但是，有几个问题：

• 当我第一次将鼠标悬停在文本上时，仅显示 1/4 的图像；在第二次，完整的图像是可见的。
• 如果我将鼠标悬停得非常快，图像就会“烧毁”到屏幕上；看起来，我在创建元素之前调用了“隐藏”（即 Web 服务将响应发送到我的代码）。

我提供了一个示例，可以在这里找到：http: //jsbin.com/dubome/1/edit

非常感谢任何形式的帮助！

我有一个 AngularJS 指令，它将jQuery Tooltipster附加到元素上，ng-repeat如下所示：

看法：

指示：

我想调用or -mute()中定义的函数？由于插件在指令中添加了 HTML 内容 - 我不确定我需要做什么？scope$scope