回复文本处理那段代码为什么实现不了？

Question

本帖最后由 ty4z2008 于 2013-03-31 10:27:35 编辑

Answer 1

$(document).ready　时#a还没有创建，无法绑定
而且这样写一堆代码挤在ready这里，可读性很差。
$(document).ready(function(e) {
     $("body").append("<div id=page>"+"<textarea id=text style='height:300px;width:400px;'>"+"</textarea><input id=post type='button'  value='发表'/>"+"</div>")
$("#post").click(function(e){
var tmp = $("#text").val();
$("body").append("<div id=box >"+tmp+"<input id=a type='button' value='回复' />"+"<input type='button' id=b value='删除'/>"+"</div>");
/***********************回复文本处理***********************/
 $("#a").click(function(){
alert("ok");
 });
}); 
});

Answer 2

请问$(document).ready的具体作用是什么呢？

Answer 3

文档就绪。这个要从事件模型说起了。
web的远古时代，事件绑定是写在html代码里的，如<input id=a type='button' value='回复' onclick="xxxxx()"/>,这种写法可读性比较差，特别是动态生成新的dom对象时。后来就有了事件模型2.0版，就是document.getElementById("a").onclick= function(){},但这种绑定有一个问题，一般js加载在前面，html文档加载在后面，所以才有$(document).ready的做法，这个也是一个事件，文档加载就绪，这个一般是比onload快，不过只有框架才有这种实现，作用就是当html文档加载完成后，你可以开始绑定事件了。