fancybox框不工作後，我上傳到虛擬主機，但在本地主機

Question

http://www.outofthegardendesigns.com

任何想法？

我認爲這與路徑有關，但我不確定我做錯了什麼。

Answer 1

您正在多次添加jQuery。

從這個網址js/libs/jquery-1.7.1.js兩次，然後再次與谷歌CDN和再次一個後備如果谷歌CDN處於離線狀態。我想，這是造成衝突。因爲，在你的本地你可能會離線，谷歌CDN jQuery沒有加載，一切工作正常。但是，當你在服務器中打開它時，谷歌cdn jQuery會嘗試加載並花費時間並引發錯誤。

Answer 2

您與fancybox和jquery的鏈接不正確。您有：

<script src="js/libs/jquery-1.7.1.js" type="text/javascript"></script> 
<script src="fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> 

您需要添加「/」在像鏈接的開頭：

<script src="/js/libs/jquery-1.7.1.js" type="text/javascript"></script> 
<script src="/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> 

，除去多餘的jquyer鏈接後，你的代碼應該是這個樣子：

<script src="/js/libs/jquery-1.7.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 

    $(document).ready(function(){ 

     $('.b2').animate({ 
      opacity:.0 

     }); 

     $('.b2').hover(function(){ 
      $(this).stop().animate({opacity:1}); 


     }, function(){ 
      $(this).stop().animate({opacity:0}); 

     }); 


    }); 
</script> 


<!--FANCY BOX--> 
<script src="/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>