Snap.svg使用此

Question

我在Snap.svg画布上绘制了四个矩形，并希望更改例如鼠标光标当前悬停的光标的不透明度。我希望有一个函数适用于所有这些函数，并且认为必须使用关键字this来执行此操作，但我的代码不起作用，我不明白为什么。

我做错了什么？这可能是对的吗？

var s = Snap(viewportWidth, viewportHeight);

var firstBox = s.rect(0, 0, 480, viewportHeight);
var secondBox = s.rect(480, 0, 480, viewportHeight);
var thirdBox = s.rect(960, 0, 480, viewportHeight);
var fourthBox = s.rect(1440, 0, 480, viewportHeight);

firstBox.attr({
    fill: "lightblue",
    id: "firstBox"
});

function hoverEffect() {
    this.attr({
    fill: "red"
    });
}

$(this).on("hover", hoverEffect);