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

javascript - qTip 2 和图像

我正在使用 qTip 2 在悬停时显示更大的图像,并且它可以正常工作。图像显示但不是全宽。如何让它显示全宽?

代码:

HTML

JS

我应该怎么做才能让图像显示全宽?

我尝试添加此代码,但它不起作用:

0 投票
1 回答
3100 浏览

html - Out of flow div,但不是绝对定位

我有一个很大div的背景图像。现在我想创建一些div's 并将它们放在背景图像中的一些元素上,然后使用 qTip2 给出一些解释。在中间我想放一个表格。

问题是:如果我使用position relativeqTip 框,表格会下降。如果我使用absolute position,当我调整窗口大小时,结果会有所不同。

我需要做什么?

0 投票
2 回答
6051 浏览

jquery - 从 dom 中删除元素时删除 qtip

我通过鼠标悬停、img 和 div 元素上的 jquery .on 事件应用带有 qtip2 的工具提示。这些元素有时需要在 qtip 仍在显示时从 DOM 中删除,而这种删除不在我的控制之下。结果是 qtip 永远留在那里。删除相关元素后如何删除 qtip?

使用 jquery 的 .remove() 不会删除 EDIT 基础元素,但使用 innerHTML=.. 所以 qtip2 自动删除在这里不起作用。

0 投票
1 回答
224 浏览

jquery - Rails 3.2.1 ruby​​ 1.9.3 qtip2 尝试使用 ajax 获取动态内容并获得堆栈溢出

我发现了几个与该问题相关的问题,但尽管复制了解决方案,但我无法让它发挥作用。例如jQuery qTip2 中的 Rails 动态内容

处理到达控制器以产生内容,但它进入一个循环。

在控制器中

当它通过渲染时,它会回到配置函数,循环直到溢出,我得到

我有另一个 qtip 做类似的事情,效果很好 - 我可以看到不同之处在于我正在传递一个不起作用的数据。另一个微妙之处在于,提示不起作用的页面本身是用 jquery 呈现的,因此提示的 js 代码在页面上,而有效的代码在 $(document).ready 中功能。我很想知道这是哪里出了问题。

我试过取出respond_to,只是有

这个有效:

和控制器

任何人有任何想法 - 它现在让我难倒了几个小时?

0 投票
1 回答
1451 浏览

javascript - 为什么 qtip2 工具提示中的 onclick 事件不起作用?

在下面给出的 jsfiddle 链接中,有 2 个按钮,单击其中任何一个按钮都会显示一个工具提示。我希望工具提示内的按钮更改“删除”文本和“输入文本”的显示和其他属性(使文本字段可编辑)问题是值确实更新但文本仍然无法编辑“请提出问题的解决方案

JSFIDDLE

HTML

​</p>

JavaScript

CSS

0 投票
1 回答
110 浏览

javascript - javascript不显示表格值html

我正在创建一个 JavaScript 应用程序,当您将鼠标悬停时,会弹出一个小窗口,显示有关单元格中显示的值的信息。该功能如下图所示。但是,当我加载页面时,当我将鼠标悬停在单元格上时没有显示任何内容,尽管当我从 firebug 的终端运行该功能时,它开始按预期工作。为什么想法为什么?

和 HTML

这只是表格的一个示例。表本身很大(热图)

0 投票
1 回答
293 浏览

javascript - 加载页面时javascript无法正常工作qtip2

我用 javascript 写了一个很好的热图,到目前为止效果很好。热图基本上是一个带有颜色变化的表格,基于表格中显示的值的阈值。我使用 JavaScript 创建表格并设置颜色。但是,我想显示一个漂亮的弹出窗口,所以当用户将鼠标悬停在表格的单元格上时,会显示一些附加信息。我找到了这个库qTip2

此函数创建热图:

在我的<body>标签里面,我有:

但是,当我加载页面时,当我将鼠标悬停在表格的单元格上时,我希望看到弹出框,但是发生了一些事情。此外,当我$(document).ready从 firebug 的终端执行该部分时,程序开始按假设执行。在我使用它之前,我还确保将库加载到我的页面中。我也没有在萤火虫的终端中看到任何错误。 <script src="http://localhost/heatmap/javascript/jquery.qtip.js">

有人可以告诉我为什么会这样吗?我的javascript的main功能是

谢谢

whis 在加载时调用:google.setOnLoadCallback(OnLoad);

0 投票
1 回答
851 浏览

javascript - 如何等到显示回调(qtip2)中的ajax函数完成?

我正在使用qtip2收费提示:

当工具提示显示我拨打电话updateLevelInfo功能。此函数发出 ajax 请求并更新使用qtip. 问题在于这是 ajax 请求(我不能使用$.get)并且工具提示在函数完成执行之前显示。

0 投票
1 回答
1532 浏览

jquery - qTip2 在 Chrome 中的定位

以下代码使用 jQuery qTip2 插件创建工具提示。它在 Firefox 中正常工作,但在 chrome 中,工具提示绑定到视口的左上角。在ie8中它根本不起作用,但假设这是一个不同的问题......

这是一个显示行为的jsfiddle

0 投票
1 回答
177 浏览

jquery - 如何在 CakePHP 中使用 qTip2?

我似乎无法让 qTip2 与 Cake 一起使用。

我正在使用以下代码,虽然它确实消除了会出现的现有标题,但它不会用 qTip 替换它。我当然已经加载了脚本和 jquery。有什么想法吗?