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

jquery - 显示带有图像内容的工具提示

我正在使用 qTip2,我希望将图像显示为工具提示内容。我认为它可以由 content 属性设置,但我无法正确设置。

我在链接上显示工具提示:

知道我应该如何将内容设置为这样的图像吗?

0 投票
1 回答
978 浏览

jquery - 使用 qTip2 在 javascript 中定义样式?

在 qTip1 中,您可以在运行时轻松设置每个工具提示的样式,但从 qTip2 开始,您可以“仅”传递一个 CSS 类以应用于工具提示。

好吧,这更干净,但是还有一种方法可以在运行时更改工具提示的样式(或至少是颜色)吗?

我猜想<style>在我的渲染视图中添加一个块来定义一个类,然后使用该类可以工作,但我更喜欢纯 javascript 的方式。

你怎么看 ?

0 投票
2 回答
2592 浏览

php - Qtip2,隐藏工具提示模式的小提示?

我在 qtip 网站上到处找,找不到答案。我正在使用带有 Modal 插件的 Qtip2。任何人都知道如何从我的工具提示中隐藏小“提示”的东西?

这是我的代码:

如果可以的话,专注于位置设置,我已经把它放在我想要的页面上,只是想摆脱小“指针”“提示”的东西..

谢谢。

0 投票
1 回答
6673 浏览

jquery - 如何让 qTip2 for jQuery 仅在点击时工作?

我正在使用 qTip jQuery 插件,并且希望工具提示仅在单击链接或按钮时出现。我发现了几种应该有效的方法,但在实践中似乎不起作用。这是一个 jsFiddle,我尝试了两种不同的方法:http: //jsfiddle.net/dqkzV/2/。这里还有另一个声称有效的答案,但似乎对我不起作用(我的 jsFiddle 上的第二个方法):jQuery tooltip onClick?. 使用我尝试的两种方法,工具提示仍然出现在鼠标悬停时,而它只应该出现在点击时。

0 投票
2 回答
1523 浏览

qtip - QTip 显示在错误的位置

我正在尝试显示一个 qtip 以响应用户单击全日历中的一天。

这在 chrome 中正常工作,但 Firefox 和 Internet Explorer 中 qtip 在错误的位置打开。

这可以通过点击不同的日期看到,有时 qtip 会在错误的位置打开,有时它会打开然后立即关闭。

$(this).qtip('destroy')在不使用和定义时可以观察到这种行为solo: false

这似乎发生在您第一次在单元格内单击时,如果您随后在同一单元格内移动鼠标并再次单击,qtip 将显示在正确的位置。然后该单元格将继续正常工作,直到刷新页面。


完整示例可在https://gist.github.com/1467702获得

0 投票
1 回答
700 浏览

javascript - jquery qtip2:停止传播选项

我有以下结构

现在我在点击时在 $('#parent') 和 $('#child') 中都启用了 jQuery qTip v2 插件。但是当我点击孩子时,也会显示父qtip。

我想我应该使用“event.stopPropagation()”或类似的东西,但是如何在 qtip 中启用它?

0 投票
1 回答
685 浏览

jquery - 如何将 qtip2 中的工具提示设置为 qtip1 默认的样式?

如何将 qtip2 中的工具提示设置为 qtip1 默认的样式?

我喜欢 qtip1 的默认样式,但是当我升级时我失去了它.. :(

0 投票
2 回答
7734 浏览

jquery - 如何自定义 qTip2 css?

我在我的网站上使用qTip2,但 css 有一些问题。

我已包含以下文件:

jquery.qtip.min.js jquery.qtip.min.css

在 js 文件中,我添加了以下内容:

到目前为止,一切都很好,问题是它会加载 jtools 主题,我需要对此进行自定义,所以我从 jquery.qtip.css 中提取 jtools 样式并将其放在我自己的 css 文件中,如下所示:

在工具提示的声明中,我更改了:

问题是内容仍然获得黄色默认颜色吗?为什么?

0 投票
3 回答
411 浏览

jquery - QTip 效率,在 IE8 中将 QTip 放在 1,000 个元素上非常慢

我有一个包含数百个元素的页面,鼠标悬停时需要 QTip。这正在杀死 IE8,尽管其他浏览器似乎运行良好。

为了解决这个问题,我尝试在用户将鼠标悬停在元素的容器上时创建 QTips,这样它一次只能执行约 100-200 个,而不是一次执行 1,000+ 个。

当您将鼠标悬停在容器上时,此函数会触发,但是,当您将鼠标悬停在子容器上时,它只会一遍又一遍地触发此函数,而不是显示工具提示。

0 投票
1 回答
1403 浏览

jquery - 工具提示中的 qTip 定位

所以我让 qTip2 成功工作,将工具提示显示为一些 ajax 内容的模式。一切都很好,除了模式工具提示中的内容有链接,也调用另一个工具提示。当我单击其中任何一个时,定位会远离屏幕(例如 -234.5px 和 -300px)。

我知道它与位置参数有关,但我无法让它工作。我可以让它使用之前点击的工具提示的目标作为它的位置吗?或者有没有办法在同一个工具提示中加载新的 ajax 内容?

主页上的链接:

ajax 中的链接拉取内容:

q提示代码: