• 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=“”事件来触发需要的事件(似乎这个不符合动静分离的理念)。

  • 相关阅读:
    学习进度条54
    学习进度条53
    学习进度条52
    学习进度条51
    学习进度条50
    学习进度条49
    学习进度条48
    学习进度条47
    学习进度条45
    线程池中的阻塞队列选择
  • 原文地址:https://www.cnblogs.com/changlun/p/5130601.html
Copyright © 2020-2023  润新知