Question

当用户将鼠标悬停在表格中的单元格上时，我正在使用SimpleTip生成工具提示。工具提示显示，但它扩展了单元格的大小。如何在不改变尺寸的情况下将其悬停在单元格上？

以下是我目前的情况：

<html>
    <head>
        <script type="text/javascript" src="jquery.min.js"></script> 
        <script type="text/javascript" src="jquery.simpletip-1.3.1.js"></script> 
    </head>
    <body>
        <table border="1">
            <tr><td id="test">foobar</td></tr>
        </table>
        <script type="text/javascript">
            $("#test").simpletip({
               fixed: true,
               content: 'hello world!'
            });
        </script>
    </body>
</html>

Answer 1

我建议您使用qTip（Simpletip的继承者），它适用于您的案例

试试这个： http://jsfiddle.net/ynhat/PydCK/

Answer 2

看起来你的代码中使用的是“simpletip”而不是qTip。这可能就是原因所在。你使用的是什么浏览器？您可能正在使用IE而没有正确的文档类型，您的页面将无法正常显示。

我必须运行你的代码并进行测试。

Answer 3

原因是SimpleTip不使用像大多数其他库一样使用holder元素。而是将工具提示放在工具提示元素中。这适用于一些基本布局，但它不适用于其他布局 - 尤其是那些使用元素的相对/绝对定位的布局。

所以解决方案是建议的：尝试一下，如果它不适用于您的布局，请尝试其他库。

实际上我已经基于SimpleTip 1.3.1分叉了一个工具提示，它修复了这个问题。我会在一段时间内发布它。不过，你可能已经解决了你的问题。：）

jQuery SimpleTip用于在表上生成工具提示

3 个答案: