问题标签 [qtip2]

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 回答
1034 浏览

jquery - qtip2:更改“this”选择器

我正在使用 qtip 2 插件,但我想更改特定选择器('this')而不是所有选择器。

上面的代码在页面上的所有“提示”图标周围绘制了一个黑色边框......有没有办法(使用 qtip2)引用特定的“提示”图形('.selector')?

0 投票
1 回答
231 浏览

javascript - Qtip2:写为函数(并将不同的选择器作为参数传递)

我正在使用如下所示的 qtip2 库:

但是我有三个不同的选择器,它们使用三组不同的选项。

有没有办法将 .qtip 部分编写为函数,以便我可以将选择器和选项作为参数传递?我只是在改变不同选择器的位置,这是唯一改变的事情......

0 投票
2 回答
1120 浏览

jquery - 基于计算的 uri 参数创建具有 ajax 内容的 qtip

我有一个这样的链接

我已经像这样绑定了一个 qtip2

href 由其他一些代码(实际上是 OpenLayers 中的永久链接控件)动态更新。如果我在没有 qtip 的情况下单击永久链接,我会得到正确的 href。然而,使用 qtip,$(this).attr("href") 什么也得不到。它未设置。如何让 qtip 接收动态计算的 href?

0 投票
3 回答
5360 浏览

javascript - 悬停工具提示时使 qTip 不消失

我正在使用 qTip: http: //craigsworks.com/projects/qtip2,我目前的问题是,当我悬停工具提示时它会消失(因为目标是 mouseleave/mouseout)。

当我悬停工具提示时,有没有办法让它保持可见?我将工具提示放置在目标下方,因此目标和工具提示之间的空白空间为零。

0 投票
1 回答
1944 浏览

jquery - 尽管“有效”类,jQuery Validation 插件不会触发成功

我正在使用jQuery Validation 插件qTip2 插件来显示错误。

我设置了两个 jsFiddles 来演示我遇到的一个奇怪的问题。前两个字段是“必需的”,第三个和第四个字段是“可选的”,而第三个字段是验证电话号码。

当我填写可选的电话号码字段时,我仍在验证电话号码,即使它不是必需的。但是,如果用户输入了无效号码(出现错误)、改变主意并退格电话号码字段,则错误消息应该会消失。

它在这里按预期工作(带有标准错误的验证插件(无 qTip2)):

jsFiddle #1:http: //jsfiddle.net/avJ54/2/

问题是它在使用 qTip2 显示错误时不起作用:

jsFiddle #2:http: //jsfiddle.net/WKryu/3/

在元素上,error该类被正确删除并替换为valid该类,但显然success处理程序没有触发。但是,qTip2 依赖于success触发处理程序以销毁任何错误气泡。

有两件事会迫使success处理程序触发并清除此错误。

1)点击提交按钮。

2)填写“必填”字段并失去焦点。

所以问题是:当它们被空白时,我似乎无法让 qTip2 立即删除可选字段上的错误气泡,类似于它在第一个 jsFiddle 中的工作方式。

由于success处理程序似乎只在失去“必需”字段的焦点时触发,有没有办法在失去任何字段的焦点时触发它?这将最容易解决问题。

编辑:alert()在成功处理程序上放了一个,它仅在您失去任何已验证字段的焦点时触发。奇怪的是,尽管我使用了我的phone方法,但只有在输入有效电话号码后失去焦点时才会触发成功处理程序。但是,从技术上讲,当该字段被空白并显示默认值时,它也是一个“有效”字段,但success不会触发。换句话说,当清空字段并失去焦点时,类立即更改为.validsuccess处理程序永远不会触发。这是最让我困惑的地方,也是我正在寻求解释的地方。

也许我关于success处理程序不触发的假设是错误的,但我还不能破译我需要做什么才能让这一切正常工作。

线索?:只需删除默认字段值即可使其正常工作...

jsfiddle #3:http: //jsfiddle.net/BwNLs/

但是,这并不是我真正想要的(我需要默认字段值作为我设计的一部分)。显然,在 jsFiddle #1 中切换默认字段值不是问题......只有在引入 qTip2 时才会成为问题。

这是使用 qTip2 和默认字段值的某种组合,导致所有这些令人头疼的问题。希望你们中的一个人能看到我在哪里失明。

0 投票
2 回答
195 浏览

javascript - 是否可以在表格的整个列上使用 onmouseover?

我正在使用一个名为 qTip2 的工具提示插件。

当用户将鼠标放在我表中的列上时,我希望能够显示工具提示。因此,用户选择列中的哪一行并不重要,并且在切换行时工具提示不应关闭。

有可能做到这一点吗?

qTip2 适用于类,因此我必须为列中的每一行赋予相同的类名和工具提示文本才能使其工作。它会在同一列中的行之间切换时打开和关闭。

所以我想知道的是,是否有一种全局方法可以用一个类标记表中的一整列?

谢谢

0 投票
2 回答
101 浏览

javascript - 如何使用 qtip 让工具提示在这种情况下工作?

我有一张场地、场地类型和地图图标的表格,它们的关系是:

  • 场地属于场地类型
  • 场地类型属于mapicon

每个场地结果在索引页面上显示为一个部分,每个部分都包含与场地相关的地图图标作为一个 div,该 div 使用一些 javascript 定位。

如何将工具提示添加到将显示其关联场所名称的地图图标?

这是一个jsFiddle(我已将 qTip 插件添加为资源)

当您将鼠标悬停在红色圆圈上时,我希望它在悬停蓝色圆圈时显示一个工具提示,说明场地名称、红色测试和蓝色测试。

谢谢你的帮助!

0 投票
5 回答
1457 浏览

javascript - qTip2 不工作

我的代码过去一直工作,直到我不知道我改变了什么,我从头开始一切,但它仍然没有显示工具提示,有人可以告诉我代码有什么问题吗?甚至更好,还有其他(更简单)的方法来实现工具提示吗?

0 投票
1 回答
183 浏览

ruby-on-rails-3.1 - qTip2 - remotipart 和 rails 3.1

remotipart在 rails 3.1 中使用,它在各种形式上都非常好。但是在我的场景中有一个问题,

我正在做的是,我对显示表单remote link的操作有一个请求,在该表单上我有一个文件归档。newqTip2 modal tip

我已经绑定了工具提示的ajax:beforeSend.rails事件hides,所以现在的情况是,如果我隐藏tooltip远程调用不起作用,如果我不隐藏工具提示它工作得很好。

我发现当工具提示被隐藏时,意味着表单有display:none 远程 ajax 调用不起作用。是剧情吗?以及如何处理?

0 投票
3 回答
3721 浏览

javascript - 如何在没有选择器的情况下隐藏/关闭 qTip2?

我正在动态生成 qTip2 工具提示,我想从 javascript 函数中关闭/隐藏它,我该怎么做?任何想法?

这就是我生成 qTip2 的方式:

我想从这个函数的调用中关闭它

任何想法?请!