0

当用户将鼠标悬停在表格中的单元格上时，我正在使用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>
4

3 回答 3

1

我建议您使用qTip（Simpletip 的继任者），它适用于您的情况

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

于 2011-03-17T04:38:25.967 回答
0

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

我将不得不运行您的代码并对其进行测试。

于 2011-03-17T04:21:34.670 回答
0

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

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

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

于 2011-07-20T14:33:15.417 回答