Google/Bing-esque 页面预览工具答案

【问题标题】：Google/Bing-esque page preview toolGoogle/Bing-esque 页面预览工具
【发布时间】：2011-03-31 15:21:05
【问题描述】：

我需要将这种功能添加到网站，当鼠标悬停在链接上时会“预览”页面，类似于 Google 和 Bing 的处理方式。此处的区别在于此链接不会打开新网页，而是显示有关此链接所代表内容的信息。

为了让您了解事情的样子，想象一个管理页面，其中列出了一堆支持票证请求，像这样......

       Assigned    ID      Submitted     Description
-----------------------------------------------------------------------
View |  Hristo  |  124  |  03.30.2011  | Update to jQuery 1.5
-----------------------------------------------------------------------
View |  Hristo  |  123  |  03.12.2011  | Add this preview functionality

...因此，将鼠标悬停在“View”上会导致看到此“ticket”的预览，其中将列出“ticket”的相关信息，例如提交日期、提交人被分配到，以及工单的一个小描述。

我研究了qTip，因为它灵活、可定制和跨浏览器兼容，但它看起来自 2009 年以来就没有被触及过，所以我不确定它是否支持最新版本的 jQuery。有没有其他类似的插件？

或者，由于我要显示的信息只是文本（不需要进行特殊渲染或其他复杂计算），我自己该怎么做？很高兴看到一些示例代码:)

如果我需要澄清任何事情，请告诉我。

【问题讨论】：

标签： jquery asp.net preview qtip

【解决方案1】：

这是small sample of 30 different ToolTip plugins。确实有数百个“jquery tooltip”的谷歌会出现。本质上，每个弹出窗口都是一个隐藏的 div，您只需在正确的时间在正确的位置显示它。 This isn't too hard to do manually either.

【讨论】：

非常感谢！但是，我认为我不能仅使用隐藏的 div 来做到这一点......可能有数百个这样的“票”，所以我觉得查询数据库中的信息而不是拥有更好的主意包含它的隐藏 div，尤其是因为此信息最终会改变。
您可以轻松地拥有一个 div 并在使用 ajax 显示之前填充它...$('#myDiv').load('/getPopupGrid.php?id=2');