87,997
社区成员
发帖
与我相关
我的任务
分享求大神指教，为什么live（）无法绑定
小弟新学习jquery，想完成的功能是删除当行数据，可是用live（）无法绑定事件，请大神帮忙看一下，感激不尽
源代码：
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){
$("#onclick").bind("click", function(){
$("#tb").append("<tr><td>" +$("#name").val() + "</td><td>" +$("#pwd").val() + "</td><td><a href='#'>删除</a></td></tr>");
});
$("#tb tr td a").live("onclick", function(){
alert("dsadas");
});
});
</script>
</head>
<body>
姓名：<input id="name" /><br>
密码:<input type="password" id="pwd" /><br>
<input type="submit" value="提交" id="onclick"/>
<table id="tb">
<tr>
<td width="47" style="border:medium">姓名</th>
<td width="66"style="border:medium">密码</th>
<td width="83"style="border:medium">操作</th>
</tr>
</body>
</html>
源代码：
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){
$("#onclick").bind("click", function(){
$("#tb").append("<tr><td>" +$("#name").val() + "</td><td>" +$("#pwd").val() + "</td><td><a href='#'>删除</a></td></tr>");
});
$("#tb tr td a").live("onclick", function(){
alert("dsadas");
});
});
</script>
</head>
<body>
姓名：<input id="name" /><br>
密码:<input type="password" id="pwd" /><br>
<input type="submit" value="提交" id="onclick"/>
<table id="tb">
<tr>
<td width="47" style="border:medium">姓名</th>
<td width="66"style="border:medium">密码</th>
<td width="83"style="border:medium">操作</th>
</tr>
</body>
</html>
...全文
请发表友善的回复…
发表回复
ldjyxm 2013-11-20
- 打赏
- 举报
wtf~好吧，谢谢各位大神了，原来如此，我看的视频是老版的~
天际的海浪 2013-11-20
- 打赏
- 举报
jquery1.9.1已经取消live()了。要用on()方法
$("#tb").on("click","a",function(){
alert("dsadas");
});
webcitizen 2013-11-20
- 打赏
- 举报
用的哪版的jquery？1.9以后已经取消live()了。自己上网查一下就知道了。如果想用可以用1.8.3版。或者用on()方法。
ldjyxm 2013-11-20
- 打赏
- 举报
我知道里面应该写代码，不过测试的时候用live绑定不上，打印不了上面的那个啊~
Kimshuen 2013-11-20
- 打赏
- 举报
$("#tb tr td a").live("click", function(){
alert("dsadas");
});
