jQuery Mouseover或Hover需要帮助

Question

我有这个按钮，文本：添加到bag css悬停：{background-color：＃a9885d;颜色：#fff;}

使用以下jQuery代码，单击按钮后，添加到bag 更改为添加带有绿色背景颜色，然后 -

将添加 文本回到其原始 5秒后添加到bag 文本。

挑战：只有文本添加 将5秒后添加到添加到袋子，但不悬停：背景颜色和文本颜色。我不仅要恢复文本，还可以恢复悬停的背景色和文本颜色？

jQuery( document ).ajaxComplete(function() {
var element = jQuery("a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added");
element.text("ADDED");
setTimeout(function() {
    element.text("ADD TO BAG");
    element.css('background-color', '#F0EFEB');
    element.css('color', '#A9885D');
}, 5 * 1000);

我尝试了元素。不用找了还尝试了.Mouseover功能，但不起作用，是新来的JQuery :)

Answer 1

element.css('background-color', '#F0EFEB');
element.css('color', '#A9885D');

上述代码应起作用，您可以检查Chrome中的元素并检查您的CSS属性是否被覆盖

Answer 2

$(" a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.cart.added"( $(element(.css('background-color'，'＃f0efeb'(;}(;

$(" a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added"(。 $(element(.css('background-color'，'＃a9885d'(;}(;