Question

jquery动态创建的元素怎样绑定事件为啥不起效呢？

<script>
$("#add").click(function(){
var html='<input type="button" id="but" value="del" >';
$("#ok").html(html);
});
$("#but").click(function(){
alert(1);
});
</script>
这个我动态创建的一个按钮，怎么就不执行呢？

Answer 1

动态生成的元素要通过事件委托来处理

<script>
$("#add").click(function(){
	var html='<input type="button" id="but" value="del" >';
	$("#ok").html(html);
	});
$("#ok").on('click','#but',function(){
	alert(1);
	});
</script>

Answer 2

$("<input>", {
  type: "button",
  id:"btn",
  val: "Click me1",
  click: function() {
    console.log(1);
  }
}).appendTo("document.forms[0]");

可以在创建动态元素时直接设置相关属性、事件等。