需要 jQuery 鼠标悬停或悬停帮助答案

【问题标题】：jQuery mouseover or hover help needed需要 jQuery 鼠标悬停或悬停帮助
【发布时间】：2018-10-09 05:15:21
【问题描述】：

我有这个按钮，文本：添加到包 css hover:{background-color:#A9885D;颜色：#fff;}

使用以下 jQuery 代码，单击按钮后，文本 Add to bag 将变为具有绿色背景色的 Added，然后 -

在 5 秒后将 Added 文本恢复为其原始 Add to bag 文本。

挑战：只有文本 Added 会在 5 秒后恢复为 Add to bag，而不是 hover:background 颜色和文本颜色。如何不仅恢复文本，还恢复悬停背景颜色和文本颜色？

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);

我试过 element.css.hover('background-color', '#A9885D');不用找了还尝试了 .mouseover 功能但没有用，我是 jQuery 新手 :)

【问题讨论】：

嗨 Miraj，请在问题中添加 minimal reproducible example；您共享的代码不足以让我们重现该场景。

标签： javascript jquery html css

【解决方案1】：

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

上面提到的代码应该可以工作，你能否在 chrome 中检查元素并检查你的 CSS 属性是否被覆盖

【讨论】：

嗨，上面的代码正在运行，但是当我将光标指向按钮时没有悬停背景颜色，例如，在 css 上我有背景颜色和颜色，然后我有一个悬停：背景颜色。在这里，我有背景颜色和文本颜色，它正在工作，但我无法悬停：背景颜色
$("#somecontent").mouseenter(function() { $(this).css("background-color", "red"); }).mouseleave(function() { $ (this).css("background-color", "#F0EFEB").; });
为 mouuseenter 和 Mouuseleaving 创建另一个 jquery 事件，并在方法中添加 css 以反映更改
感谢您提及 CSS 是否被覆盖，一旦我开始阅读我的 CSS，我找到了一个解决方案并使用了 added:hover with !important;效果很好！

【解决方案2】：

$("a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added").mouseleave(function() { $(element).css('背景色', '#F0EFEB'); });

$("a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added").mouseover(function() { $(element).css('背景色', '#A9885D'); });

【讨论】：

我无法为你的答案投票，系统告诉我，我需要更多的声望才能在 publick 上投票。谢谢！