问题标签 [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 投票
1 回答
595 浏览

jquery - 隐藏编辑器字段时隐藏 qTip 错误消息,可见时显示

我的页面中有一个表格,分 3 步填写。对于每个步骤,字段都包含在一个 div 中,该 div 将该步骤的元素组合在一起。当用户移动到下一步时,我隐藏该 div 并显示下一个。在最后一步之后,用户确认数据并提交。此时,验证开始,验证表单中的所有字段(每一步)。

我正在使用浮动 qTips 来显示验证失败字段的错误注释。我的问题是,当失败的字段不可见时,提示显示位置混乱,当它变得可见时,它会在整个屏幕上跳到正确的位置。

问题:如何让 qTip 仅在字段可见时可见,而在字段不可见时隐藏?

生成的 qTip 有一个内部元素htmlFor="name-of-field",所以我想我可以使用它来将每个 qTip 与其生成字段相关联。但是,当隐藏/显示每个步骤 div 时,如何让它与字段一起隐藏/显示?

0 投票
2 回答
2976 浏览

jquery - iFrame 中的 qTip2

我在 iframe 中使用 jQuery qTip2 但由于我受限于 iframe 宽度和高度的大小,无论如何我可以让内容实际出现在 iframe 的顶部,即在 iframe 的父窗口内而不是在实际的 iframe 本身?

这样,我就不受 iframe 大小的限制了。

这是我作为 iframe 的一部分使用的当前代码:

0 投票
1 回答
884 浏览

jquery - iframe 中的 qTip2 检测 mouseenter 和 mousemove

我有一个动态加载的 iframe。我希望当用户将鼠标悬停在某些元素上时显示 qtips,并且一旦进入元素,qtips 将跟随光标。我不能使用该选项target: 'mouse',因为 iframe 内的 qtips 固定定位到父容器。我得到了一些有用的东西,除了提示仍然从我的光标移位,仅在 y 轴上,在 FF 中距离最远,IE 是最近的。我知道这不是实现它的正确方法,因此不胜感激。谢谢!

0 投票
2 回答
12353 浏览

qtip2 - 当鼠标悬停在提示上方时,如何防止 jquery.qtip2 工具提示隐藏?

使用jquery qTip2作为工具提示。

我有一个带有链接的工具提示。如果用户的鼠标进入提示(而不是触发器),我希望提示保持打开状态。似乎无法在文档中弄清楚如何做到这一点......

0 投票
2 回答
773 浏览

jquery - fullcalendar 和 qTip 非常慢

我有一个完整的日历页面,我正在使用 qTip (v2)。问题是 qTip 提示真的很慢,有时似乎确实获得了鼠标悬停事件,因此我必须重新鼠标悬停然后触发。我有一个 ajax 调用,我认为可能会减慢它的速度,但是当我删除 ajax 调用时没有区别。

下面的代码是来自 fullcalendar 的 eventMouseover。我没有包含所有日历代码,因为我不认为这是问题所在。

我认为即使使用 ajax 调用,提示也应该快速弹出“正在加载....”的内容,而不管 ajax 替换内容需要多长时间。上面的代码在每隔一个鼠标悬停时“工作”,但仍然很慢。我这样做有什么问题吗?

0 投票
2 回答
344 浏览

javascript - 工具提示帮助匹配

当用户将鼠标悬停在我的 helpicon3 图标上以及我网页上的三个输入文本项上时,我正在尝试使用 qTip2 显示帮助文本。

我创建的每个项目,我都预先分配了当用户将鼠标悬停在该输入项目的帮助图标上时要为该项目显示的工具提示文本,即:

o 基于此,当我使用 qTip2 将鼠标悬停在“P35_A1”帮助图标上时,我会看到工具提示文本“这是 A1 项目的一些帮助文本”。这同样适用于其他两项。

我从页面的视图源中提取的代码如下所示:

现在,我拥有但不工作的带有 qTip2 的 jQuery 代码如下。

显然,这是我遇到问题的上下文文本部分,因为我试图用 .each 函数做的是匹配我悬停的项目帮助图标与 itemtooltip foritem help 上面出现在我的工具提示中。

同样,如果我使用 qTip2 将鼠标悬停在“P35_TEST”帮助图标上,我会看到工具提示文本“这是来自项目帮助部分的一些帮助文本”。

我目前正在尝试将标签帮助图标与实际的工具提示文本匹配。除此之外,还有其他方法也使用 qTip2 吗?

0 投票
4 回答
5046 浏览

jquery - qTip 返回错误“对象没有方法 'qtip'”

我正在使用来自另一个线程的以下代码,并且由于未知原因,我收到以下错误:

未捕获的类型错误:对象 [object Object] 没有方法 'qtip'

代码:

0 投票
3 回答
262 浏览

javascript - 在 JavaScript 代码中使用 '

我正在使用工具提示插件(qTip 2.0)并尝试为工具提示指定内容。

我收到一个错误unterminated string literal

这是代码:

在内容中,您将看到Don't我理解 JS 将看到的词'作为结束content我如何让它阅读不正确?

我试过Don\'t了,但没有奏效。我曾尝试更改'",但没有奏效。

我知道有办法解决这个问题,但我不记得了!帮助!

0 投票
1 回答
666 浏览

javascript - 将 Themroller 与 qTip 2.0 一起使用

我在我的网站上使用qTip 2.0,它说我可以使用 themeroller 来设置我的工具提示的样式。然而,我对如何将 themeroller 与 qTip 一起使用有点困惑?它的页面上有教程,但 Themeroller 的部分是空白的。

任何人都可以帮我解决这个问题,因为我被卡住了。

这是我的 qTip 代码:

0 投票
1 回答
1156 浏览

asp.net-mvc - 使用 qTip 和 ASP.NET MVC 不显眼的 javascript 验证

在新的 jQuery qTip 页面上,有一个非常棒的使用 jQuery Unobtrusive Validation 的示例,可以在这里找到

在 ASP.NET MVC 3.0 中,我们将不显眼的验证作为视图助手的一部分。我想知道是否有人知道如何在其中实现这个不可思议的东西,因为我无法做到。