$('.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'
});
我在 Jeditable 中遇到了一个 css 问题,当我选择并显示框时,当我取消选择时(因此将输入框返回到 <tr>
,它将背景颜色设置为设置时的背景颜色)
即,如果您通过选择同一行上的其他内容(保持该行以黄色突出显示)来取消选择输入框,然后将鼠标移开,背景将保持黄色。
类似地,如果您通过选择 OFF 行取消选择输入框,背景设置为白色,当返回悬停在行上时,悬停颜色不再有效。
最佳答案
尝试在 css 样式中添加悬停,如下所示:
<style>
.editable:hover { #91c83e; }
</style>
关于jquery - Jeditable css 悬停问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18355513/