为什么我的JS不运行?

时间:2014-01-21 01:54:57

标签: javascript jquery html html5 external

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Practice!</title>
<link href="../_css/site.css" rel="stylesheet">

这是我的jquery源代码(我从我的教科书中得到)

<script src="../_js/jquery-1.7.2.min.js">
</script>


<script src="javascript/hello.js">
</script>

<script src="javascript/fadeIn1.js">
</script>

<script src="javascript/igotit.js">
</script>


</head>

<body>
<div class="wrapper">
  <div class="header">
    <p class="logo">JavaScript <i>&</i> jQuery <i class="mm">The<br>
      Missing<br>
      Manual</i></p>
  </div>
  <div class="content">
    <div class="main">
      <h1>Fading In</h1>
      <p>Here I come!!!</p>
    </div>
    <div class="aside"> </div>
  </div>
  <div class="footer">
    <p>JavaScript &amp; jQuery: The Missing Manual, by <a href="http://sawmac.com/">David McFarland</a>. Published by <a href="http://oreilly.com/">O'Reilly Media, Inc</a>.</p>
  </div>
</div>
</body>
</html>

这是我的外部JavaScript文件的样子。对于我的外部文件,他们只需要成为&#34; <script>&#34;部分代码或整个&#34; <DOCTYPE>&#34;到&#34; </html>&#34;?

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Fade In</title>
<link href="../_css/site.css" rel="stylesheet">
<script src="../_js/jquery-1.7.2.min.js">
</script>
<script>
$(document).ready(function() {
$('body').hide().fadeIn(3000);
});

</script>
</head>

<body>
<div class="wrapper">
  <div class="header">
    <p class="logo">JavaScript <i>&</i> jQuery <i class="mm">The<br>
      Missing<br>
      Manual</i></p>
  </div>
  <div class="content">
    <div class="main">
      <h1>Fading In</h1>
      <p>Here I come!!!</p>
    </div>
    <div class="aside"> </div>
  </div>
  <div class="footer">
    <p>JavaScript &amp; jQuery: The Missing Manual, by <a href="http://sawmac.com/">David McFarland</a>. Published by <a href="http://oreilly.com/">O'Reilly Media, Inc</a>.</p>
  </div>
</div>
</body>
</html>

对不起,我是新手,遇到了麻烦。

2 个答案:

答案 0 :(得分:1)

您的外部文件应该只有JavaScript,所以没有看起来像

<this/>

应该在其中。看起来你只是想要:

$(document).ready(function() {
    $('body').hide().fadeIn(3000);
});

...在你的fadein1.js中。对于其他JS文件也一样。

如果您在浏览器中打开了文档,请按F12键将一些有用的消息粘贴到此处(如果它仍无效)。

答案 1 :(得分:0)

Jquery文件是否在正确的位置?如果您不确定只使用此链接进行jquery:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>