Javascript 我的CSS动画不是'；行不通

我正在尝试制作一个动画，我去搜索一些代码。在“codepen.io”中，它起作用了，但当我将它应用到代码中时，动画就不起作用了。基本上，我想点击一个小的DeLorean图像，然后汽车水平向右移动，然后，通过一个脚本，我可以延迟超链接，直到它到达页面的一侧。我还使用了一个脚本来更改悬停时的图像，所以我不知道是否有任何冲突。延迟和悬停选项的脚本正在工作，但我无法使另一个正常工作。有人能帮我吗

我使用了以下代码：

$（函数（）{
美元（“#delorean”）。在({
mouseenter:function（）{
$（this.attr（'src'，'delorean-hover.jpg'）；
},
mouseleave:function（）{
$（this.attr（'src'，'delorean.jpg'）；
}
});
});
$（'.box'）。单击（函数（）{
$（'.transform'）.toggleClass（'transform-active'）；
});
函数延迟（URL）{
setTimeout（函数（）{window.location=URL}，600）；
}

.nav2{
高度：100vh；
宽度：300px；
显示：内联块；
位置：绝对位置；
z指数：1；
}
.盒子{
高度：50px；
浮动：左；
}
.变换{
-webkit过渡：所有2秒轻松；
-moz转换：所有2秒轻松；
-o-过渡：所有2s容易；
-ms过渡：所有2秒轻松；
过渡：一切都很轻松；
边际上限：35vh；
左边距：11vw；
}
.变换激活{
边际上限：35vh；
左边距：110vw；
}

---

除非您使用的是其他人的脚本，而且他们明确要求您这样做，否则您不应将

脚本

标记置于

正文

上方

你应该把它们放在

正文的底部。这是因为，当浏览器在
主体
之前解析
脚本
标记时，没有一个脚本能够识别主体中的任何元素，因此在您的情况下，它们实际上无法找到DeLorean来注册对它的点击！它还没有加载

将您的
脚本
标记移动到
正文的底部
，它应该可以工作。
非常感谢！它工作正常！我终于明白为什么它不起作用了！上帝保佑你如此善良和体贴！我对你感激不尽！