jquery on 绑定事件,我看网上说live时间最终也是通过on事件来实现,可是我下面的代码on却没有效果,何解

Anna599 发布于 2015/01/03 20:10
阅读 360
收藏 0

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>

<script>

$(document).ready(function(){
$('.add_bnt').live('click',function(){
      $(this).parent().parent().after(" <tr class='topAnddate'>" +
          "<td style='width:20%'><input type='text' class ='sys_topic' style='width:90%' value='' />&nbsp;:</td>"
              +"<td style='width:70%'><input type='text' class ='sys_date'  style='width:98%' value='' /></td>" +
             "<td><a href='#' class ='add_bnt'>添加</a>| </td>"
              +"</tr>");
      });
});

</script>

</head>
<body>
    <table>
        <tr class="topAnddate" max="1">
            <td style="width:20%"><input type="text" class="sys_topic" style="width:90%" value="">&nbsp;:</td>
            <td style="width:70%"><input type="text" class="sys_date" style="width:98%" value=""></td>
            <td style="width:10%"><a href="javascript:void(0)" class="add_bnt"><label >添加</label></td>
         </tr>
</table>
</body>
</html>
加载中
0
淘淘我的小宝宝
淘淘我的小宝宝

$(document).on("click",".add_bnt",function(){});

延迟绑定到document

Anna599
Anna599
回复 @with_you : 好的,谢谢
淘淘我的小宝宝
淘淘我的小宝宝
回复 @Anna599 : 版本问题,我第一次接触是1.3版本,1.7以后就不推荐live,die之类的写法,底层确实都是on调用。
Anna599
Anna599
谢谢,我后来改了,不过我记得我以前也是这样写的,好像没有错,是写法变了吗
返回顶部
顶部