Jquery动态添加元素添加绑定事件
Jquery append 等动态添加元素不能直接绑定事件,需要使用on,例如
<html>
<head>
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#add").click(function(){
$("#main").append(‘<input type="text" value="" name="a2" class="a2" />‘);
});
$(document).on("change",".a2",function(e){
alert($(this).val());
});
});
</script>
</head>
<body>
<div id="main" style="width:300px; height:100px;border:1px solid red">
</div>
<input type="button" value="添加" id="add" />
</body>
</html>
原文:http://my.oschina.net/u/1179666/blog/500698