问题标签 [qtip2]

我正在尝试创建一个 qTip2 气泡，但在加载时不显示。然后将其显示在单击的任何图像下。

请告知最好的方法是什么。（使用 qTip 解决气泡走出屏幕的问题）。

谢谢

编辑：

查看http://jsfiddle.net/jnbPP/5/的问题（寻找正确的方法）

我正在使用 jquery qtip2 创建鼠标悬停 qtip ..这里是代码：

当鼠标悬停在这样的链接上时，这基本上会打开一个预览图像：

现在我想做的是当有人点击那个链接时打开一个不同的 qtip。鼠标悬停 qtip 也应该关闭。我只是通过 jquery .click 做到这一点，还是应该通过其他方法做到这一点，或者 qtip 有一些方法可以做到这一点？

谢谢

我通常知道如何处理这个问题，但我的 jQuery 技能还没有达到标准。任何帮助将非常感激！这是我正在尝试做的事情：

1）我有一个现有的文本区域，用户可以在其中输入文本

2) 我有一个带有字符串对 (string1, string2) 的现有数据库表

3）我希望能够突出显示所有字符串（可能<span class="highlight"></span>在我的 css 中应用背景色或斜体），因为用户将它们键入到与数据库中任何 string1 结果匹配的文本区域（字符串可能是一个单词或多个单词短语，但不会是单词的一部分）。当用户将鼠标悬停在突出显示的字符串上时，相应的 string2 会出现在基本的 qTip2 中。

4) 如果用户更改了文本，如果它不再匹配 string1 行之一，突出显示和 qTip 将消失。

5) 我设想每次调用页面时使用 mysql_fetch_assoc 记录集中的 PHP json_encode 创建一个 json 数组，该数组将包含 string1 和 string2 数据，因为 string1 和 string2 数据是动态的。

所以，当用户单击删除按钮时，我正在尝试创建一个小的确认对话框（内联，topltip）。

我想它看起来有点像这样

（但带有小文本和确定和取消按钮）。 但我不是来问如何设计它的。

我更喜欢使用 qTip2 作为这项工作的插件，但如果你有更好的选择，我也会选择它。

那么，我将如何启动带有一些交互元素的工具提示，并且只有在失去焦点或单击关闭按钮时才关闭它。此外 - 删除按钮由 Ajax 加载。

有任何想法吗？

谢谢你，平安！

我有很多控件，如下所示：

如您所见，我将每个控件的 ttContent 放在它的下方（在 div 内），并且我有许多带有 ttTarget 类的控件...

鼠标跟踪工具提示的 qtip2 代码如下：

当我们将 id 用于 qtip 时，一切都变得如此简单，我们可以轻松找到目标的内容！
但是在我的场景中，我有很多 id ，我不知道如何通过上层代码识别它们的内容！

我的意思是 ：

提前致谢

我试图防止工具提示离开页面的末尾。我正在使用 qTip jQuery 插件，但遇到了一些问题。默认定位是position: absolute;，我需要将其设置为position: relative;使其能够正确响应overflow: hidden;它应该做的是自动检测它是否会超出 div，如果是，则以不同的方式显示，这样它就不会隐藏起来。qTip 网站上的这个解决方案解释了这个http://craigsworks.com/projects/qtip2/docs/position/#container，但我不知道如何让 qTip 正确显示positoin: absolute;

我该如何解决？

下面，我尝试将jQuery Validate Framework与qTip 2.0一起使用。

这在 Chrome 中有效，但在 IE9 中无效，有什么想法吗？

我试图让 qtip2 与 rails3 应用程序一起工作。

qtip 工作得很好，但我不知道如何让它与我的模型中的动态内容一起工作。我被困在格式化我的js...

在我看来，我正在尝试以下方法：

（我只是把 :name 放在那里进行测试）

这呈现为 html：

看起来不错。

在我的 application.js 中，我有这个：

我认为我的内容语法有问题。如果我替换为以下内容，我可以看到工具提示：

任何帮助表示赞赏

我在这里使用 qTip2，并且需要能够在工具提示仍处于活动状态时刷新它的内容。带有工具提示的元素有一个单击事件，该事件会进行一些计算，这些计算可以更改我希望在工具提示中显示的内容。

我尝试在每次重新计算后调用“destroy”方法并重新绑定 qtip2，但它只能在将鼠标移开并将其带回来之后才能工作。

我想要实现的是强制当前活动的工具提示重新绘制自己。

我得到了很多 qtips 的形式，就像这样：

我不想单独添加所有 qtips，因为它会创建许多我不喜欢做的 javascript 事件。

我的 html 是这样的，我认为这很容易回答我的问题：

现在我想要的是，当我专注于#maina它时，它会改变 qtip 对应类的状态selector。

但是当我使用这个时：

这当然会检查与之相关的每个工具提示

我怎样才能实现我的目标？