在鼠标悬停/悬停时防止工具提示/ div离开/退出浏览器镶边

Question

我正在使用jquery添加和删除一个类，当我将鼠标悬停在缩略图上时弹出信息工具提示但是当缩略图太靠近浏览器边缘时，工具提示超出了chrome并且不是可读。关于从何处开始获取工具提示的任何想法都保留在屏幕上？谢谢你的任何建议。这是代码：

http://jsfiddle.net/ySeTL/

Answer 1

http://jsfiddle.net/loktar/ySeTL/10/

全屏 http://jsfiddle.net/loktar/ySeTL/10/embedded/result/

基本上，如果它超出范围，就不会显示它。下一步是有一个else，它将你正在显示的元素定位在左边的那么多像素。

我对你的标记感到困惑。看起来你把所有的东西都展现为个别元素。 IE标题，图片，描述都是独立的隐藏元素。我会在所有这些周围包裹一个容器，然后隐藏/显示它，然后定位它。

Answer 2

过去，我使用位置计算算法来确定弹出窗口在显示之前的位置。您必须确定弹出节点的位置，宽度和高度，然后将其与文档尺寸进行比较。如果它超出边界，则在调用类更改函数之前重新定位它。