Question

所以我在2个不同的地方有一个网站，在1个网站上它工作正常，另一方面，代码无法正常工作。即使我在浏览器中打开它也无法正常工作。

该脚本应该从0.6改变图像的不透明度 - > 1当有人将鼠标悬停在图像上时。现在它在原始位置工作，在新位置不工作，当我直接打开它时，它也不能在我的电脑上工作。

代码时间：

这是images.js

$(function()
{
    $("#footer img").hover
        (
        function()
        {
            $(this).stop().animate({"opacity": "1"}, "slow");
        },
        function()
        {
            $(this).stop().animate({"opacity": "0.6"}, "slow");
        }
    );
});

这是调用上述文件的页面上的代码：

<script type="text/JavaScript" src="/_resources/javascript/images.js"></script>

然后最终图片需要受代码影响的页脚：

<div id="footer">
<a href="completed-roofing-works/test.html"><img src="_resources/images/footer-3.jpg" alt="image 2" /></a>
<a href="completed-roofing-works/completed-roofing-works-two.html"><img src="_resources/images/footer-6.jpg" alt="image 1" /></a>
<a href="completed-roofing-works/test.html"><img src="_resources/images/footer-1.jpg" alt="image 3" /></a>
<a href="testimonials/test.html"><img src="_resources/images/footer-4.jpg" alt="Roofers Kent" /></a><a href="testimonials/test.html"><img src="_resources/images/footer-2.jpg" alt="image 4" /></a>
<a href="testimonials/test.html"><img src="_resources/images/footer-5.jpg" alt="image 5" /></a>
</div></div>

现在坐在这里我唯一能想到的就是Javascript没有安装，想想可能就是这样吗？

谢谢。

：编辑：

看了之后，我注意到这个剧本可能会以某种方式与它发生冲突：

<script language="javascript"> 

 var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
          if (mobile) {
               window.location.replace("mobile/choose.html");
          }


    </script>

它直接位于调用images.js文件的代码之后

谢谢你：

对于将来遇到类似问题的人：删除目录名前面的/，它似乎不喜欢这个。

Answer 1

你在那里的代码是jQuery。 jQuery是一个需要明确包含的库。

这与Vanilla JS相反，{{3}}非常好，浏览器已将其作为标准提供，多年来无需任何激活或包含。

然而，在这种情况下，即使是Vanilla JS也是过度杀伤。

CSS：

#footer img {
    opacity: 0.6;
    transition: all 0.8s ease;
}
#footer img:hover {
    opacity: 1;
}

为什么这个javascript在一个网站上运行，但在另一个网站上运行呢？

1 个答案: