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

jquery - Tooltipster 插件 - 将工具提示置于中心位置

我正在使用 Tooltipster 插件(http://calebjacob.com/tooltipster/#demos)在悬停时显示我的工具提示。但是,工具提示仅显示在我悬停的元素的顶部/底部。

这是我在元素上悬停时显示工具提示的代码,它运行良好

但是我想要的是在悬停元素的中心显示工具提示。

在 Tooltipster 文档中,“位置”选项不支持“中心”定位。

ToolTipster 位置文档:

有人知道如何将工具提示定位在元素的中心吗?

0 投票
1 回答
141 浏览

javascript - 如何使工具提示从函数本身之外的元素工作?

当悬停工具提示时,我正在从工具提示创建一个带有点的地图。

我想知道让工具提示从外部导航栏工作是多么容易,因此当您将鼠标悬停在导航项目上时,地图上的特定工具提示会起作用。我尝试了各种方法,但到目前为止没有任何效果。与左侧导航相关的所有元素都具有相同的 id,因此我尝试将悬停从该 id 匹配到工具提示本身的 id。这是标记:

左侧导航的 HTML:

然后我有一个显示点和工具提示的地图:

==== 编辑 ====

JS:

有没有办法可以将这两件事联系起来,以便它们与 tooltipster 插件协同工作?

谢谢,

0 投票
2 回答
2174 浏览

jquery - 工具提示器在第一次鼠标悬停时不显示

我正在尝试找出使用 tooltipster 插件触发动态工具提示的最佳方法。基本上我有一个脚本可以循环出一堆带有 ID 的元素。我通过 jquery 从.hover事件中获取 ID,并将其传递到运行 ajax 调用的 tooltipster 小部件中,为该 ID 提取适当的数据。除了第一个.hover事件外,一切正常,因为最初没有与元素关联的工具提示器小部件。

我认为我需要的是一种可靠的方法来检查是否存在与元素关联的工具提示器小部件,如果没有,则在我现有的脚本中触发鼠标悬停/悬停。

这是想法:

这是功能:

0 投票
1 回答
56 浏览

javascript - jQuery:使用 on 函数加载插件

我正在使用 jQuery 和 Tooltipster(在悬停用户名时显示工具提示),它们工作得很好,除了一种情况:当我第一次悬停用户名时,它不会显示。

这是我的 jQuery 代码:

0 投票
1 回答
3403 浏览

javascript - 单击工具提示中的链接时,Tooltipster 插件未触发 jquery 功能

我正在使用一个名为 Tooltipster ( http://calebjacob.com/tooltipster/ ) 的 jquery 插件,并且我将一些 HTML 插入到包含 href 的提示中。如果我单击该链接,该页面将按预期打开。但是,如果我尝试使用相同的 href,添加一个类名,然后尝试触发一个 jquery 函数,它不会触发。我已经拉了几个小时的头发试图弄清楚这一点。任何帮助,将不胜感激。这是一些精简的代码来说明一个例子。

我整理了一个小提琴来说明这个问题。 http://jsfiddle.net/bCqyL/

0 投票
1 回答
2082 浏览

jquery - 使用 Jquery Validate + Tooltipster 验证单选按钮的问题

我正在使用基于这篇文章中的示例的Jquery Validation PluginTooltipster Plugin

两个插件一起工作正常,必须验证输入类型,但是当我尝试验证一对单击提交按钮的单选按钮时,无论未选择任何单选按钮,都会提交表单,尽管这些都是明确要求的。

这是我正在尝试验证的表格

这是进行验证的脚本

很奇怪,因为在不使用 Tooltipster 插件的情况下,此验证可以完美运行。我已经阅读了这两个插件的文档,但我找不到原因

提前致谢

0 投票
0 回答
1533 浏览

jquery - jquery tooltipster 仅在第二次悬停时工作

我在这里发现了像我这样的问题,但是没有一个主题可以帮助我,所以我决定自己写。

问题:我需要“鼠标悬停”两次才能看到提示。我知道这是因为我在第二次鼠标悬停时调用了工具提示,但我不知道如何解决我的问题。我将非常感谢任何建议或帮助!

jQuery:

和html:

ETC

@solved 很好,我解决了我的问题;)

如果有人需要解决方案:

0 投票
2 回答
894 浏览

javascript - 动态工具提示器的 Javascript 问题

我正在使用Tooltipster,它似乎是一个不错的 jquery 插件。

无论如何,我需要让我的工具提示动态化,我认为这不应该那么困难。但是我写了一个脚本,也许是因为我累了,或者我不知道最简单的 javascript。可能是两者的结合。

我似乎无法绕过这个特定的错误。TypeError: $(...).tooltipster 不是函数。

这是基本的javascript代码:

可以在http://www.trailerbroker.com/go/listings/view/219找到代码示例

我怀疑这是我的蹩脚错误,谢谢。

0 投票
1 回答
6192 浏览

javascript - jQuery 验证插件和 Tooltipster 插件错误

我正在尝试使用Tooltipster插件自定义用户收到的错误消息,但遇到以下问题:

您在未初始化的元素上调用了 Tooltipster 的“内容”方法

我的 HTML 代码:

Javascript:

可能是什么问题?

0 投票
2 回答
5949 浏览

javascript - 当按钮或任何点击发生时,Tooltipster 插件不会触发 jquery 功能

我想使用 Tooltipster 插件,它单击正文中的元素以显示工具提示,并且我希望在工具提示内有一个关闭按钮来关闭它。

但是我使用 Jquery click() 函数来处理它,但它不会被触发。我在这篇文章中尝试了解决方案。它仅在工具提示由悬停事件触发时才起作用。

单击工具提示中的链接时,Tooltipster 插件未触发 jquery 功能

在 jsfiddle 中使用 hover 的原始解决方案

而是使用单击显示工具提示

http://jsfiddle.net/bCqyL/7/

它不会在 jquery 块中触发任何点击事件。它只能由普通的 javascript 函数捕获。我检查了它应该是 Tooltipster 插件中的一些代码被锁定并在点击触发模式下捕获提示内的所有“click()”事件。

在原始解决方案中使用代码时,我尝试了其他事件,例如单选按钮的 onchange 事件被触发