2013-08-21 4 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 парения вопрос

Я имею вопрос Css с Jeditable, когда я выбираю и поле отображается, и когда я отмените (поэтому возвращение в поле ввода обратно <tr>, он устанавливает цвет фона до того, когда он был установлен)

То есть, если вы отмените выбор поля ввода, выделив какое-то другое значение в той же строке (удерживая строку выделенной желтым цветом), а затем переместите мышь, фон останется желтым.

Аналогичным образом, если вы отменили выбор поля ввода, выбрав ВЫКЛ строки, фон будет установлен на белый, а при возврате на зависание в строке цвет зависания больше не будет работать.

ответ

0

Постарайся просто добавив зависать в стиле CSS, что-то вроде этого:

<style> 
.editable:hover { #91c83e; } 
</style> 
Смежные вопросы