2011-03-17 41 views
0

我使用SimpleTip在用戶將鼠標懸停在表格中的單元格上時生成工具提示。工具提示顯示,但它擴大了單元格的大小。如何在不改變其大小的情況下將鼠標懸停在單元格上?jQuery 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> 

回答

0

看起來你正在使用「simpletip」,並在你的代碼不qTip。這可能是原因。你使用的是什麼瀏覽器?這可能是你可能使用IE瀏覽器,沒有正確的文件類型,你的網頁將無法正常顯示。我將不得不運行你的代碼並測試它。

+0

哎呀 - 你是對的,那是一個錯字,我正在使用SimpleTip。我在Windows上使用Chrome和Firefox進行測試。 – del 2011-03-17 04:25:19

0

的原因是,SimpleTip不使用使用像大多數其他圖書館一保持元件。它將工具提示放在的工具提示元素內。這適用於一些基本的佈局,但它不適用於其他人 - 尤其是那些使用元素的相對/絕對定位的人。

所以解決方案是建議:嘗試一下,如果它不適用於您的佈局,請嘗試其他庫。

其實我已經分叉了基於SimpleTip 1.3.1的工具提示,它已修復此問題。我會在一段時間後發佈它。不過,您可能在此期間解決了您的問題。 :)