<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery append</title>
<script type="text/javascript" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jquery-132min1.js"></script>
</head>
<script type="text/javascript">
var a ="<input id=\"charu1\" type=\"button\" value=\"Insert\" />";
$(document).ready(function(){
$("#charu").click(function(){
alert("插入");
$("div").append("<p>"+a+"</p>");
});
$("#charu1").click(function(){
alert("插入");
$("div").append("<p>"+document.writein(a)+"</p>");
})
});
</script>
<body>
<input id="charu" type="button" value="插入" />
<div>
<p>奇怪</p>
</div>
</body>
</html>
我在html文档是如上写的,运行时,当我点击 插入按钮,弹出 一个 Insert 按钮,这个时候 我再点击 Insert 按钮 为什么就没再执行
$("#charu1").click(function(){
alert("插入");
$("div").append("<p>"+a+"</p>");
})这段代码呢。
查看源文件 里面也没有 关于插入 <input id="charu1" type="button" value="Insert" /> 这段html 代码的. 为什么呢?
$(document).ready() 意思是当页面加载完成 就开始 执行ready()中的内容,此时id为 #charu1 的div还没有被创建,你就 $("#charu1").click(function() 开始注册它的click 监听事件, 由于此时还没有 id为 #charu1 的div,当然不能注册成功,所以就没有响应了啊
奇怪