2014-09-04 312 views
0

所以我有一個表格顯示信息。表中的一列是筆記列。在這個便條列中,我創建了一個使用css和Jquery的工具提示。我遇到的問題是,當我將鼠標懸停在單元格上時,它會正確顯示工具提示,但它會在移開鼠標後擦除單元格中的顏色(變成白色)。我希望它在鼠標移開後保留它的顏色,但我不知道如何。如何獲取選定的表格單元格背景顏色?

爲刀尖事件(各音符單元具有音符類)當前代碼:

$('.note').hover(
     function (event) { 
      $(event.target).css({ 
       "white-space": "normal", 
       "text-overflow": "clip", 
       "background-color": "#eeeeee", 
       "max-width": "200px", 
       "position": "absolute" 
      }); 
     }, function (event) { 
      $(event.target).css({ 
       "white-space": "nowrap", 
       "text-overflow": "ellipsis", 
       "background-color": "transparent", 
       "max-width": "200px", 
       "position": "static" 
      }); 
     } 
    ); 
+0

對css做解決方案沒有問題? – 2014-09-04 12:29:28

+0

這是可以預料的,因爲你的代碼將內聯CSS添加到光標離開元素後的元素。你應該只使用純CSS和:hover – Esko 2014-09-04 12:29:31

回答

1

其更好地使用純css用於此目的,

.note:hover { 
    white-space: normal; 
    text-overflow: clip; 
    background-color: #eeeeee; 
    max-width: 200px; 
    position: absolute; 
} 

在這種情況下,元件懸停後將保留背景顏色和其他屬性。

+0

@Mr_Green謝謝指出。我編輯過它。 :) – 2014-09-04 12:34:56

+1

請注意,對於非鏈接元素,您將失去對IE6效果的支持(http://www.browsersupport.net/CSS/%3Ahover) – JohannesB 2014-09-04 12:38:31

+1

我已採納了關於使用純CSS的建議。現在,當我將鼠標懸停在上面時,它會正確保留bg顏色,但它現在只顯示每個偶數單元的工具提示的背景顏色:S?因此,例如第一個單元格似乎顯示一個透明的工具提示背景,第二個顯示正確,例如...感謝您的時間! – 2014-09-04 12:52:30

相關問題