jquery .glow 方法在 Firefox 中不能正常工作

Question

我的页面中显示了 3 种不同的产品。每个产品都应该有不同的发光颜色。我使用的代码如下

 $('.yellow').on('mouseenter', function () {
            $(this).glow({ radius: "20", color: "#D7CD3A" });
        })
        .on('mouseout', function () {
            $(this).glow({ radius: "20", color: "#D7CD3A", disable: true });
        });

        $('.purple').on('mouseenter', function () {
            $(this).glow({ radius: "20", color: "#a354bb" });
        })
        .on('mouseout', function () {
            $(this).glow({ radius: "30", color: "#a354bb", disable: true });
        });

        $('.green').on('mouseenter', function () {
            $(this).glow({ radius: "30", color: "#538b73" });
        })
        .on('mouseout', function () {
            $(this).glow({ radius: "20", color: "#538b73", disable: true });
        });

在 Chrome 中，这完全可以正常工作。我才知道这在 IE 中不受支持，但在 Firefox 中，它只采用我要突出显示的第一个产品发光颜色。

例如，当我悬停紫色产品时，会显示紫色悬停颜色。然后，当我将鼠标悬停在黄色产品上时，再次显示相同的紫色发光颜色，而它应该显示黄色发光颜色。

我哪里出错了吗？或者这是 Firefox 中的错误吗？

Kinldy 帮助

可以查一下here , 向下滚动，将显示产品

更新:我根据#ProllyGeek 建议更改了我的代码

var glowm;
$('.yellow').on('mouseover', function () {
            glowm = $(this).glow({ radius:"20", color: "#D7CD3A" });
        })
        .on('mouseout', function () {
            //$(this).glow({ radius: "20", color: "#D7CD3A", disable: true });
            glowm.remove();

        });

现在我看到 glowm 是“未定义的”。我不明白为什么。然而，这在 Chrome 中运行良好。但不是在 Firefox 中..

我需要重置颜色 css 属性。这是我目前被困的地方。有人请帮忙..

Answer 1

"JQMIGRATE: jQuery.browser is deprecated"

检查一下:

https://github.com/jquery/jquery-migrate/blob/master/warnings.md#jqmigrate-jquerybrowser-is-deprecated