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>
,它集背景顏色與設置時的背景顏色相同)
即,如果您通過在同一行中選擇某些其他選項(保持行以黃色突出顯示)取消選擇輸入框,然後將鼠標移開,背景保持黃色。
同樣,如果您通過選擇關閉行取消選擇輸入框,背景設置爲白色,並且當返回懸停在行上時,懸停顏色不再起作用。