问题标签 [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.
javascript - qTip 2 和图像
我正在使用 qTip 2 在悬停时显示更大的图像,并且它可以正常工作。图像显示但不是全宽。如何让它显示全宽?
代码:
HTML
JS
我应该怎么做才能让图像显示全宽?
我尝试添加此代码,但它不起作用:
html - Out of flow div,但不是绝对定位
我有一个很大div
的背景图像。现在我想创建一些div
's 并将它们放在背景图像中的一些元素上,然后使用 qTip2 给出一些解释。在中间我想放一个表格。
问题是:如果我使用position relative
qTip 框,表格会下降。如果我使用absolute
position
,当我调整窗口大小时,结果会有所不同。
我需要做什么?
jquery - 从 dom 中删除元素时删除 qtip
我通过鼠标悬停、img 和 div 元素上的 jquery .on 事件应用带有 qtip2 的工具提示。这些元素有时需要在 qtip 仍在显示时从 DOM 中删除,而这种删除不在我的控制之下。结果是 qtip 永远留在那里。删除相关元素后如何删除 qtip?
使用 jquery 的 .remove() 不会删除 EDIT 基础元素,但使用 innerHTML=.. 所以 qtip2 自动删除在这里不起作用。
jquery - Rails 3.2.1 ruby 1.9.3 qtip2 尝试使用 ajax 获取动态内容并获得堆栈溢出
我发现了几个与该问题相关的问题,但尽管复制了解决方案,但我无法让它发挥作用。例如jQuery qTip2 中的 Rails 动态内容。
处理到达控制器以产生内容,但它进入一个循环。
在控制器中
当它通过渲染时,它会回到配置函数,循环直到溢出,我得到
我有另一个 qtip 做类似的事情,效果很好 - 我可以看到不同之处在于我正在传递一个不起作用的数据。另一个微妙之处在于,提示不起作用的页面本身是用 jquery 呈现的,因此提示的 js 代码在页面上,而有效的代码在 $(document).ready 中功能。我很想知道这是哪里出了问题。
我试过取出respond_to,只是有
这个有效:
和控制器
任何人有任何想法 - 它现在让我难倒了几个小时?
javascript - 为什么 qtip2 工具提示中的 onclick 事件不起作用?
在下面给出的 jsfiddle 链接中,有 2 个按钮,单击其中任何一个按钮都会显示一个工具提示。我希望工具提示内的按钮更改“删除”文本和“输入文本”的显示和其他属性(使文本字段可编辑)问题是值确实更新但文本仍然无法编辑“请提出问题的解决方案
JSFIDDLE
HTML
</p>
JavaScript
CSS
javascript - javascript不显示表格值html
我正在创建一个 JavaScript 应用程序,当您将鼠标悬停时,会弹出一个小窗口,显示有关单元格中显示的值的信息。该功能如下图所示。但是,当我加载页面时,当我将鼠标悬停在单元格上时没有显示任何内容,尽管当我从 firebug 的终端运行该功能时,它开始按预期工作。为什么想法为什么?
和 HTML
这只是表格的一个示例。表本身很大(热图)
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);
javascript - 如何等到显示回调(qtip2)中的ajax函数完成?
我正在使用qtip2
收费提示:
当工具提示显示我拨打电话updateLevelInfo
功能。此函数发出 ajax 请求并更新使用qtip
. 问题在于这是 ajax 请求(我不能使用$.get
)并且工具提示在函数完成执行之前显示。
jquery - qTip2 在 Chrome 中的定位
以下代码使用 jQuery qTip2 插件创建工具提示。它在 Firefox 中正常工作,但在 chrome 中,工具提示绑定到视口的左上角。在ie8中它根本不起作用,但假设这是一个不同的问题......
这是一个显示行为的jsfiddle
jquery - 如何在 CakePHP 中使用 qTip2?
我似乎无法让 qTip2 与 Cake 一起使用。
我正在使用以下代码,虽然它确实消除了会出现的现有标题,但它不会用 qTip 替换它。我当然已经加载了脚本和 jquery。有什么想法吗?