问题标签 [qtip2]

我发现了这个名为 qTip2 的美妙工具提示。到目前为止很喜欢它，但在使用它时遇到了问题。

我能够使用我的 Rails 3.1 设置安装并运行 qTip2。但是，当我使用 qTip2 的 ajax 功能时，我遇到了问题。

qTip2 ajax 请求需要一个指向要执行的脚本的链接，然后才能将其显示在工具提示内容 div 中（由 qTip2 自动生成）。你可以看看我在这里指的代码。

http://www.craigsworks.com/projects/qtip2/demos/#ajax

它的问题在于它与 RoR 的配合并不好。使用 RoR 声明的 ajax 请求更加明确，我可以明确告诉 rails 我想更新哪个 div id。

鉴于以下情况，我需要做以下事情：

1. 工具提示内容必须是动态的
2. 我需要使用 qTip2 ajax 功能，以便为工具提示内容创建自定义布局。

我确实尝试了以下方法：

1. 将要加载的 html 片段放到 public 文件夹中的内容 div 中。内容以正确的格式加载，但我不能拥有动态内容。html.erb 文件似乎在此文件夹中不起作用。这个文件夹是否有任何替代方法可以使用但可以使用动态内容？

2. 尝试将 qTip2 ajax 请求与 RoR 一起使用，但没有成功。我所做的是尝试在 .js 响应文件中显式定义 ajax 更新 ID（通过控制器和视图等）。但是弄清楚 qTip2 插件生成的确切 id 对我来说有点太难了。

这就是我所拥有的

html

javascript

CSS

请帮我！！:) 抱歉，如果这篇文章看起来很愚蠢，这是我关于 stackoverflow 的第一个问题。

我有一个页面，我在其中动态创建需要工具提示的元素。

我尝试了几种不同的方法，并在网上寻找一些无济于事的答案。

截至目前，我有这个：

我正在寻找的是让所有这些元素使用完全相同的工具提示的某种方式。我希望他们都使用完全相同的内容（在本例中为单个表单）并以完全相同的方式引用工具提示（通过 id 为“ui-tooltip-editLink”的工具提示元素）。

就我所拥有的，它目前正确地创建了第一个工具提示，但是如果我添加一个新元素并重新分配工具提示，它会为新元素创建一个具有不同 id 的全新工具提示。

有谁知道一些完成多个元素的方法，相同的工具提示方法？

我目前正在尝试将 qtip2 添加到我的 fullCalendar 窗口中，这样我就可以显示 qtip 并有一个链接/按钮来删除日历上的选定事件，不幸的是我遇到了麻烦。这是我的完整日历的样子：

我相信问题出在 qtip 的内容属性中，但不确定为什么这不起作用。在这种情况下，我只是想显示一个警报，但它不起作用（显示 Qtip，但是当我点击“删除我”时，什么也没有发生。一旦我开始工作，我将能够用我自己的 JS 函数将删除我的数据库中的选定事件。

ps：我正在使用 Adob​​e Air，不确定这是否会成为问题。

这个过程需要大量代码，但让我们看看我是否不能只给出我的问题的实质。首先，一切最终都会奏效，使用 IE 浏览器时填充 ListBox 会有延迟。没有抛出任何错误，但在发生任何事情之前有 5 秒的时间。

所需功能的描述：我使用 qTip2 上的 Jquery 添加创建了一个模式弹出窗口。此模式由 3 个主控件和两个按钮组成。这些控件是一个文本框，用户可以在其中键入一个单词，该单词将填充将填充第一个 ListBox 的所有对象。有两个列表框。第一个填充所有可用对象，第二个填充在用户单击第一个 ListBox 中的对象时。

这是我调用来构建模式弹出窗口的两个函数。当用户单击 LinkBut​​ton 时刚刚完成。

当用户单击页面上的按钮时调用 createAnalyteForm。这会创建表单而不是调用 BuildAnalyteForm 方法，该方法会触发 qTip 以制作模式。当用户在“txtAnalytesTypeAhead”文本框中键入时，分析物应填充“lbAnalyteMatches”框。在 AJAX 中调用的分析物被缓存并很快返回。这不是延迟，并且 ListBox 会在 FF 中快速填充。此外，当用户单击“lbAnalyteMatches”列表框中的分析物时，填充“lbSelectedAnalytes”列表框时也会发生相同类型的延迟。当用户单击“lbSelectedAnalytes”列表框时调用 AddAnalyte() 函数。

jsFiddle http://jsfiddle.net/fDavN/2761/

我理解为什么它不会通过 css 的概念，但不确定相同的行为是否适用于这个工具提示插件

试图让最后一个元素在窗口外翻转时无济于事。一直在查看 position.container 和 viewport 无济于事。有人知道我做错了什么吗？我有 5 个工具提示彼此相邻，然后在最后一个我希望定位切换到“左上角”和相反的定位。

任何帮助深表感谢。谢谢你的时间！很棒的插件顺便说一句！

这是一些 SS 发生的事情。

常规：http: //i.imgur.com/bI3oR.jpg

截止http://i.imgur.com/wWhyq.jpg

编辑：添加了 jsFiddle，链接到开发论坛http://craigsworks.com/projects/forums/thread-viewport-not-working-with-absolute-positioning?pid=12829#pid12829

再次感谢！

我正在尝试使用 qTip jQuery 插件为我的网站添加一点风格，但我一点也没有得到它。我已经阅读了一些文档，但它根本没有帮助。本质上，我正在尝试做一些非常基本的事情，比如设置弹出窗口和其他东西的样式，但它不起作用。我可以让弹出窗口工作，但完全自定义它们是一个问题。例如这样的事情：

根本没有定位弹出窗口，如下所示：

根本没有设计它们。我在这里想念什么？

我只是好奇是否有人知道如何做到这一点。基本上我有一张大桌子，每个 td 都有一个带有嵌入式表格的 qtip，可提供更多信息。我希望 td 的背景颜色可以更改以匹配 qtip，以便用户知道这是他们正在查看的特定单元格。这是我的 qtip 的 JS：

我正在尝试使用 qtip 并创建一个在 qtip 中显示的嵌入式表单。当我尝试为我的表单创建提交事件时，什么也没有发生。我正在使用 jquery 1.7 和最新的 qtip 版本。

我尝试使用来自http://craigsworks.com/projects/qtip2/demos/的示例，但他们的演示对我不起作用。请看看我的代码，如果我做错了什么，请告诉我。

提前致谢！

我正在使用 qtip2。我正在尝试访问 qTip API 对象，但没有看到此处记录的任何方法。我将 qTip 与 KnockoutJS 结合使用，所以我的代码如下所示：

报告的错误是

完整的示例可以在jsfiddle中找到。

我是否使用了错误版本的 qtip？我正在链接到这个。

我正在尝试将 qtip 工具提示添加到我的 google 标记中，因此当单击标记时，它会打开工具提示。

我可以让它在其他元素上工作，因为我可以像这样选择它们的 ID：

但谷歌标记是不同的。我尝试向他们的对象添加一个想法，如下所示：

或者：

但这似乎不起作用。

我之前使用过 InfoBubble，它工作得很好，但由于地图很小，我需要工具提示不限于地图本身。