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()方法