2013-08-21 112 views
1
$('.editable').editable('/echo/html/', { 
    callback: function (value) { 
     $(this).data('bgcolor', $(this).css('background-color')); 
     if (value == this.revert) { 
      $(this).animate({ 
       color: "red" 
      }, 400); 
      $(this).animate({ 
       backgroundColor: $(this).data('bgcolor'), 
       color: "black" 
      }, 400); 
     } else { 
      $(this).animate({ 
       color: '#91c83e' 
      }, 400); 
      $(this).animate({ 
       backgroundColor: $(this).data('bgcolor'), 
       color: "black" 
      }, 600); 
     } 
    }, 
    name: 'value', 
    width: '50px', 
    height: '16px', 
    onblur: 'submit' 
}); 

http://jsfiddle.net/qrA6y/1/Jeditable CSS懸停問題

我有Jeditable一個CSS問題,當我選擇並顯示框,當我取消選擇(因此返回輸入框回<tr>,它集背景顏色與設置時的背景顏色相同)

即,如果您通過在同一行中選擇某些其他選項(保持行以黃色突出顯示)取消選擇輸入框,然後將鼠標移開,背景保持黃色。

同樣,如果您通過選擇關閉行取消選擇輸入框,背景設置爲白色,並且當返回懸停在行上時,懸停顏色不再起作用。

回答

0

嘗試只添加懸停在CSS樣式,這樣的事情:

<style> 
.editable:hover { #91c83e; } 
</style>