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 问题,当我选择并显示该框时,以及当我取消选择时(因此将输入框返回到<tr>,它将背景颜色设置为设置时的颜色)

即,如果您通过在同一行上选择其他内容来取消选择输入框(保持该行以黄色突出显示),然后将鼠标移开,则背景保持黄色。

同样,如果您通过选择关闭该行来取消选择输入框,则背景设置为白色,并且当返回悬停在该行上时,悬停颜色不再起作用。

4

1 回答 1

0

尝试在 CSS 样式中添加悬停,如下所示:

<style>
.editable:hover { #91c83e; }
</style>
于 2014-09-12T23:07:35.423 回答