JQ动态添加内容绑定的事件无响应的问题

由于添加内容的新dom产生之前js就加载完了，事件当然就没有绑定到新载入的dom上。

目前我所知道的有三种办法。

1. $(elems).on(events, selector, data, fn);

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5             <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 6         <title></title>
 7     </head>
 8 
 9     <body>
10         <button id="tj01">添加</button>
11         <div class="tipe">
12                 <input class="tipe0" name="" id="" value="" /></br></br>
13         </div>
14 <script type="text/javascript">
15     $(function(){
16         $('#tj01').click(function(){
17             $(".tipe").append('<input class="tipe0" name="" id="" value="" /></br></br>');
18         });
19         $(".tipe").on("blur",".tipe0",function(){
20             alert(0);
21         });
22     });
23 </script>
24     
25     </body>
26 </html>

2. delegate()  

参考：http://www.jb51.net/article/31679.htm

3.在动态加载的数据上加onblur=“”事件来触发需要的事件（似乎这个不符合动静分离的理念）。

posted @ 2016-01-14 16:14  豆瓣匠  阅读(323)  评论(0)  编辑  收藏  举报