使用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无法使用？

回答

相关问题