为什么';这不是我简单的jquery工作吗?
我正在编写一些简单的jquery,由于某种原因,我根本无法使它工作。我/知道/它在其他地方工作,但我要么遗漏了什么,要么我的Web服务器上有一个bug 代码如下:为什么';这不是我简单的jquery工作吗?,jquery,Jquery,我正在编写一些简单的jquery,由于某种原因,我根本无法使它工作。我/知道/它在其他地方工作,但我要么遗漏了什么,要么我的Web服务器上有一个bug 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>asdf</title> &
<!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(){/*此处的代码*/});
中,这将延迟代码执行,直到加载整个文档