为什么';这不是我简单的jquery工作吗?

为什么';这不是我简单的jquery工作吗?,jquery,Jquery,我正在编写一些简单的jquery,由于某种原因,我根本无法使它工作。我/知道/它在其他地方工作,但我要么遗漏了什么,要么我的Web服务器上有一个bug 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>asdf</title> &

我正在编写一些简单的jquery,由于某种原因,我根本无法使它工作。我/知道/它在其他地方工作,但我要么遗漏了什么,要么我的Web服务器上有一个bug

代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>asdf</title>

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


<script language ="javascript" type = "text/javascript">
 //alert("number one");


$('#regSubmit').click(function(){

alert("Clicked!");

});

$('#test2').click(function(){
   alert("yeah that worked.");
})

</script>
</head>
<body>


<input type ="button" id="regSubmit" value="Register!" />

<div id="test2">
Here is some other stuff!
</div>


</body>
</html>

asdf
//警报(“第一号”);
$('#regSubmit')。单击(函数(){
警报(“单击!”);
});
$('#test2')。单击(函数(){
警觉(“是的,这很有效。”);
})
这是一些其他的东西!
所以我完全复制了那个代码,但它对我不起作用。顶部(第一位)附近的注释掉的警报工作正常,因此它调用jquery,但没有单击寄存器

我做错了什么?

将javascript添加到

$(function(){
   //your code
});

这是必需的,因为您只能将事件绑定到元素,因为它们已经存在。当您在它们存在之前尝试此操作时,此示例代码在加载整个页面后执行,因此所有html都在那里

将javascript添加到

$(function(){
   //your code
});


这是必需的,因为您只能将事件绑定到元素,因为它们已经存在。当您在脚本存在之前尝试此操作时,此示例代码会在加载整个页面后执行它,因此所有html都在那里

您必须将脚本移到底部或将其包装在
$(document).ready(function(){…}
。脚本执行时文档尚未完成加载,因此当您尝试附加事件处理程序时,关联的元素不存在。

您必须将脚本移到底部或将其包装在
$(文档).ready(function(){…}
。脚本执行时文档尚未完成加载,因此当您尝试附加事件处理程序时,关联的元素不存在。

您正在尝试将事件绑定到元素之前。请从
就绪
事件处理程序运行代码,以便在加载整个文档时运行:

$(document).ready(function(){

  $('#regSubmit').click(function(){
    alert("Clicked!");
  });

  $('#test2').click(function(){
    alert("yeah that worked.");
  })

});

您试图在事件存在之前将其绑定到元素。请从
ready
事件处理程序运行代码,以便在加载整个文档时运行:

$(document).ready(function(){

  $('#regSubmit').click(function(){
    alert("Clicked!");
  });

  $('#test2').click(function(){
    alert("yeah that worked.");
  })

});

嵌入HTML的代码是按顺序执行的,因此在执行代码时,还没有定义regSubmit和test2


将代码移动到HTML文档的底部,或将其包装在
$(function(){/*此处的代码*/});
中,这将延迟代码执行,直到加载整个文档。

嵌入HTML的代码是按顺序执行的,因此在执行代码时,尚未定义regSubmit和test2

将代码移动到HTML文档的底部,或将其包装在
$(function(){/*此处的代码*/});
中,这将延迟代码执行,直到加载整个文档