jquery - li 绑定click事件

1.jquery1.9以上 动态生成元素 live和on失效的解决方法

//动态生成的元素要用这个方法
$(document).on("click", "#xxx", function() {
    ……
});
  
//非动态生成的元素还可以直接用on,但不能用live
$("#xxx").on("click", function(){
    ……
});

例子: http://www.zhidao91.com/jquery-on-no-effective/

2. jquery - 1.7版本以前  用live() 绑定 动态生成元素的事件 

 $(document).ready(function(){
  var temp="<li>111</li><li>222</li><li>333</li>"
  $("#imgUl").append(temp);
  
  $("#imgDiv ul li").live('click',function(){
   $("#alertDiv").show();
  });
  
     });

如: http://blog.sina.com.cn/s/blog_64008ed70101nyoz.html

3. 对非动态生成的元素绑定事件用click()方法

相关推荐