jquery - 填充后，我的数据行上有一些 jquery 和 css strip 化(动画)

Question

点击之前它们看起来像这样:

当您单击业务区域中的“销售”时，会出现一个下拉选择框。如果我确实单击“销售”并对该文本区域进行更改，它将动画化为灰色。灰色行也会变成灰色，这很好，但黑色行应该淡化为黑色而不是灰色。

选择完成后:

请注意，我将 Sales 更改为 property，并且在 animate() 函数之后它是灰色的，并且现在搞砸了 strip 化。

这是我的功能:

success: function (result) {
                    if (result) {
                        //change the verbiage of the ".look" element to the newly-changed value of the ".touch" element
                        theLook.text(newDes);

                        //swap out the elements so it looks like a normal table cell again
                        back_to_look();

                        //flash the span it's in so the user knows the change was successful
                        theTd.css('background-color','#59b4d4').animate({ backgroundColor: "#333333" }, 1500);
                    } else {
                        //flash the ".touch" element in red but DO NOT flip back to the ".look" element since there was a problem updating the data
                        var oldColor = theTouch.css('background-color');
                        theTouch.css('background-color','#ff0000').animate({ backgroundColor: oldColor }, 1500);

如何确定原来的背景颜色设置，并返回它到那个？我必须使用 jquery css() 方法来定位 css 吗？

Answer 1

这一行:

theTd.css('background-color','#59b4d4').animate({ backgroundColor: "#333333" }, 1500);

使用闪光灯(高亮)完成后，将背景颜色改回#333333。试试这个:

var currentColor = theTd.css('backgroundColor');
theTd.css('background-color','#59b4d4').animate({ backgroundColor: currentColor }, 1500);

因此，我们没有像以前那样在动画中分配 backgroundColor: #333333，而是创建一个名为 currentColor 的变量，并从我们将要编辑的表格单元格中提取当前背景颜色。

这样，一旦我们编辑了表格单元格，我们就知道它需要返回到哪种颜色。您可以在上面的第二行中看到，我们没有将其设置回 #333333，而是将其设置为我们的新变量 currentColor。