使用JQuery無法使用？

我想在加載時淡入頁面。我看着其他形式放在這裏，不管怎樣它只是心不是爲我工作...使用JQuery無法使用？

JavaScript文件：

window.onload = init; 

function init() { 
    $('#container').fadeIn('slow'); 

}

一個頁面：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Apparel</title> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
       <script src="effects.js"></script> 


    </head> 

    <body> 
    <div id="cart"> 
     <img src="shopcart.jpg" height="30px"> 
    </div> 

    <div id="container"> 
     <div id="nav"> 
      <p id="sb">Apparel</p> 
      <p id="about"><a href="home.html">HOME</a></p>   
      <p id="srv"><a href="outerwear.html">OUTERWEAR</a></p> 
      <p id="srv"><a href="clothing.html">CLOTHING</a></p> 
      <p id="pjt"><a href="shoes.html">SHOES</a></p> 
      <p id="pjt"><a href="accessories.html">ACCESSORIES</a></p> 
      <p id="about"><a href="about.html">ABOUT</a></p> 
      <p id="cont"><a href="contact.html">CONTACT</a></p> 
     </div> 

     <div id="imgcontainer"> 
      <img src="homeimg.jpg"> 
     </div> 
     </div> 
    </body> 
</html>

來源

2014-02-27 user2961971

用jQuery工作，你需要你的腳本 –

之前，包括jQuery庫此外，'$（文件）.ready'是建議在jQuery中執行'window.onload'的方法 –

將

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

above

<script src="effects.js"></script>

這暴露了$變量（又名jQuery庫），您使用的是當你做$('#container')

來源

2014-02-27 03:03:31 aleclarson

或從[jQuery的網站]（http://jquery.com/download/）下載並託管jQuery。 – mason

**注意：**如果您執行了@ msm8bball的建議，則無法利用已在其緩存中使用Google的CDN版jQuery的最終用戶。（因此，每個用戶**總是**必須在第一次訪問時下載您的版本） – aleclarson

是的，沒錯。 CDN託管是首選。在某些情況下（例如構建內部Intranet站點），CDN不是選項。看起來這是一個購物網站，可能它是一個公共網站。只是想確保他知道這個選項。 – mason

你最好更換的window.onload爲$（函數（）{}） ;

下面是代碼：

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
//window.onload = init; 
$(function(){ 
    init() 
}); 
</script>

享受它：）

來源

2014-02-27 03:15:32

使用JQuery無法使用？

回答

相關問題