jquery对我不起作用！_Jquery - Fatal编程技术网

jquery对我不起作用！

jquery

jquery对我不起作用！,jquery,Jquery,真奇怪！我正在处理CSS，而jquery刚刚停止工作！登录firefox/chrome，jquery就停止工作了！我不知道发生了什么事我有两个功能正在进行。第一部分为标题图像设置动画，第二部分在单击时生成随机数。我把我的全部代码粘贴到了pastebin <!DOCTYPE html> <html lang="en"> <head> <title> Hello </title> <meta charset="UTF-8"&

真奇怪！我正在处理CSS，而jquery刚刚停止工作！登录firefox/chrome，jquery就停止工作了！我不知道发生了什么事

我有两个功能正在进行。第一部分为标题图像设置动画，第二部分在单击时生成随机数。我把我的全部代码粘贴到了pastebin

<!DOCTYPE html>
<html lang="en">
<head>
  <title> Hello </title>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/default.css">

  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <script src="js/jquery.js"></script>
</head>
<body>
  <!-- #header Image -->
  <img id="header" src="images/header.png" width="424" height="63" alt="Header">
  <!-- /#header Image -->
  <div id="main-wrapper">
    <h1> Your points will be genarated below </h1>

    <form>
      <input id="points" type="text"/>
      <input type="button" id="generate" value="Generate Points!" />
    </form>

  </div><!-- /#main-wrapper -->
  <!-- Generate -->
  <script src="js/gen.js" type="text/javascript" charset="utf-8"></script>

</body>

$(document).ready(function(){
      // Makes the image go under the div wrapper.
     $('img#header').css({'position' : 'relative', 'top' : '17px', 'z-index' : '50' })
    //create the animation
     $('img#header').hover(function()
  {
    $(this).filter(':not(:animated)').animate({"top": "-3px" }, "slow");
      }, function() {
    $(this).stop().animate({"top": "17px"}, "slow");
  });



  // Generate Numbers 
    $("#generate").click(function(){
      var code = "";
      var alphabet = new Array('A', 'B', 'C', 
               'D', 'E', 'F', 
               'G', 'H', 'I', 
               'J', 'K', 'L', 
                 'M', 'N', 'O', 
                 'P', 'Q', 'R', 
               'S', 'T', 'U', 
               'U', 'V', 'W', 
                 'X', 'Y', 'Z');
        var count = 5 * 4;
        for (var i=0; i<count; i++){
          var number = false;
          var type = Math.round(Math.random() * 2);
          if (type == 0) number = true; else number = false;
            var output;
            if (number){
              code += String(Math.floor(Math.random() * 10));
          }
            else
          {
            var ranChar = Math.floor(Math.random() * alphabet.length)
            code += alphabet[ranChar];
          }
          if (((i+1) % 5 == 0) && i != count-1) code += "-";
        }
          $("#points").val(code);
      });
    });


body { background: #0d0d0d url(../images/body-bg.jpg) repeat; width: 500px; margin: 154px auto; } 
img#header { padding: 0 41px; }

div#main-wrapper { background: #dfdfdf; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; z-index: 1000; padding:                       44px  64px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;  }

div#main-wrapper h1 { color: #0d0d0d; font: italic bold 1.2em Georgia, Arial, Serif; text-align: center; text-shadow: -1px 1px 0 #fff; margin-bottom: 38px; }

/* Form Generator */
form {}
form input[type="text"]#points { background: #d6d6d6; border: 1px #909090 solid; display: block; font: bold 1.3em Arial, Serif; margin: 0 auto; padding: 10px;  }
form input[type="button"]#generate { background: #2d69bd; background: -webkit-gradient(linear, 0% 0%, 0% 71%, from(#3171CA), to(#15396F)); background: -moz-linear-gradient(21% 74% 90deg,#15396F, #3171CA); border: 1px #5b93d1 solid; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; padding: 10px; }


你好
您的分数将在下面列出
$（文档）.ready（函数（）{
//使图像位于div包装下。
$（'img#header'）.css（{'position'：'relative'，'top'：'17px'，'z-index'：'50'））
//创建动画
$（'img#header'）。悬停（函数（）
{
$（this）.filter（':not（：animated））.animate（{“top”：“-3px”}，“slow”）；
}，函数（）{
$（this.stop（）.animate（{“top”：“17px”}，“slow”）；
});
//生成数字
$（“#生成”）。单击（函数（）{
var代码=”；
var字母表=新数组（'A'、'B'、'C'，
“D”、“E”、“F”，
‘G’、‘H’、‘I’，
‘J’、‘K’、‘L’，
“M”、“N”、“O”，
‘P’、‘Q’、‘R’，
‘S’、‘T’、‘U’，
“U”、“V”、“W”，
‘X’、‘Y’、‘Z’；
var计数=5*4；
对于（var i=0；i来说，在开始处理CSS之前，您说jQuery工作得很好。这可能是因为您没有关闭CSS，包括：
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/default.css">



应该是：
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/default.css" />

您说，在开始使用CSS之前，jQuery一直运行良好。这可能是因为您没有关闭CSS，包括：
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/default.css">



应该是：
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/default.css" />


第35行缺少分号35
？这不是一个真正的问题。你需要进一步提取你正在做的事情，以便让人们更好地了解可能导致问题的原因。对不起，我不知道。一切都正常，然后就停止了。@jAndy分号就在新行上。有错误吗在浏览器的JS控制台中？第35行缺少分号？这不是一个真正的问题。你需要进一步提取你正在做的事情，让人们更好地了解可能导致问题的原因。对不起，我不知道。一切都正常，然后就停止了。@jAndy分号在那里吗t在新行。浏览器的JS控制台中有错误吗？没有，标记不需要关闭，我试过了，但仍然不起作用。@kawohi dev:应该关闭它们……在HTML5中不关闭它们是不好的做法，也是非法的（语法错误）在XHTML中。哦……那里关闭了，但仍然不起作用。我认为在HTML5中并不真正需要它。HTML仍然有效。@kawohi dev-我很困惑-您将此标记为答案，但您说这并不能解决您的问题。然后，您发布说您解决了问题，但没有给出解释。请选择其中之一并给出解决方案的解释（如果不是这样的话），以便其他人可以从该解决方案中受益。不，标记不需要关闭，虽然我尝试过，但仍然不起作用。@kawohi-dev:应该关闭它们…不关闭它们在HTML5中是不好的做法，并且是非法的（语法错误）在XHTML中。哦……那里关闭了，但仍然不起作用。我认为在HTML5中并不真正需要它。HTML仍然有效。@kawohi dev-我很困惑-您将此标记为答案，但您说这并不能解决您的问题。然后，您发布说您解决了问题，但没有给出解释。请选择其中之一并解释解决方案（如果不是这样的话），以便其他人可以从该解决方案中受益。