您的位置:首页 > Web前端 > jquery > 正文

jQuery给动态添加的元素绑定事件

更多 时间:2015-3-5 类别:Web前端 浏览量:1407

jQuery给动态添加的元素绑定事件

jQuery给动态添加的元素绑定事件

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况

例如

 

  • 
    <li id="testli">
    
       <ul></ul>
    
    
    </li>
    
    		
  • 需要给<ul>里面动态添加的<li>标签添加click事件

     

    jquery 1.7版以前使用live动态绑定事件

     

  • 
    $("#testli ul li").live("click",function(){
    
    });
    
    		
  •  

    jquery 1.7版以后使用on动态绑定事件

     

  • 
    $("#testli ul").on("click","li", function() {
              //do something here
     });
    
    		
  •  

    标签:jquery