爲什麼這個javascript不能在一個網站上工作，但在另一個網站上工作？

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不同，它非常好，瀏覽器已經提供它作爲標準，多年來不需要任何激活或包含。

然而，在這種情況下，甚至香草JS是矯枉過正。

CSS：

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