Javascript 移动突出显示在一个页面上有效，但在另一个页面上无效

我在我的网站上以这一动人的亮点作为参考：

var originalBG=''，
lightColor='fff'，
梯度大小=500；
$（'.navigation.flex、.navigation a、.black'）
.mousemove（函数（e）{
originalBG=$（.navigation.flex.black”）.css（“背景色”）；
x=e.pageX-this.offsetLeft；
y=e.pageY-这个偏移量；
xy=x+“”+y；
bgWebKit=“-webkit梯度（径向，“+xy+”，0，“+xy+”，400，从（rgba（255255,0.2））到（rgba（255255,0.0）），“+originalBG；
bgMoz=“-moz径向梯度（“+x+”px“+y+”px 45度，圆形，“+lightColor+”0%，“+originalBG+”+梯度大小+”px）”；
$（本）
.css（{background:bgWebKit}）
.css（{背景：bgMoz}）；
}).mouseleave（函数（）{
$（this.css（{background:originalBG}）；
});

---

我尝试删除各种脚本等，但似乎没有任何效果。你知道为什么我没有在主页上看到渐变吗？

删除父元素

位置：相对解决了问题

<script>
var originalBG = '',
    lightColor = 'fff',
    gradientSize = 500;

$('.navigation .flex, .navigation a, .black')
.mousemove(function(e) {
    originalBG = $(".navigation .flex, .black").css("background-color");
    x  = e.pageX - this.offsetLeft;
    y  = e.pageY - this.offsetTop;
    xy = x + " " + y;

    bgWebKit = "-webkit-gradient(radial, " + xy + ", 0, " + xy + ", 400, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0.0))), " + originalBG;
    bgMoz    = "-moz-radial-gradient(" + x + "px " + y + "px 45deg, circle, " + lightColor + " 0%, " + originalBG + " " + gradientSize + "px)";

    $(this)
      .css({ background: bgWebKit })
      .css({ background: bgMoz });

}).mouseleave(function() {
        $(this).css({ background: originalBG });
});
</script>