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