Question

我有一个JQuery表。但是我设置了当你成功编辑时，该字段闪烁绿色或红色表示编辑失败，然后返回原始字段颜色。

代码如下：

$('.editablePM').editable('<?php echo base_url();?>ratesheet/editrowpeakMin/<?=$editable['url'];?>/', 
        {
        callback: function(value){
            $(this).data('bgcolor', $(this).css('background-color'));
            if(value == this.revert)
                {                                                                            
                $(this).animate({ backgroundColor: "red", color: "white" }, 400);
                $(this).animate({ backgroundColor: $(this).data('bgcolor'), color: "black" }, 400);
                }
            else
                {                                                                               
                $(this).animate({ backgroundColor: "green", color: "white" }, 400);
                $(this).animate({ backgroundColor: $(this).data('bgcolor'), color: "black" }, 400);
                }
             }, 
         name : 'value',
         style : 'display:inline; position:relative; right:120px;',
         width : '100px',
         height: '16px',
         onblur : 'submit', 
     });

一切正常，但是当字段在编辑时更改为适当的颜色时，在返回时，它不再具有父css，而是采用js css。

E.G

我在行上有一个悬停功能，以黄色突出显示所选行。现在，如果您取消选择该行（从而发布更改）并在行上保留图标，则初始单元格的背景将保持黄色。

同样，如果您在悬停时“提交”单元格的更改（因此不是黄色），单元格的背景将返回正确的颜色，但不再响应行突出显示。

任何帮助都会受到赞赏，我已经尝试了大量的代码变化，所以我想到了我缺少的东西。

http://jsfiddle.net/qrA6y/ =试图表明它正在发生。

忽略这些信息。如果你编辑一个字段并在仍然悬停在该行上时取消选择，它将保持黄色，同样如果你在黄色时取消选择，它就不会再泛黄。

.editable table .animate css issue

0 个答案: