jquery怎么给动态添加的元素绑定事件

jquery怎样给动态添加的元素绑定事件？
我新添加了个按钮，但是这个按钮按了没反应，请各位大神帮忙看下怎么回事，本人才学了几天的jquery，不是很明白，谢谢了！

代码如下：

<body>

<div data-role="page" id="page">


  <div data-role="header">

    <h1>测试</h1>

  </div>

  

  <div class="a" data-role="content"> 

  <a id="btn" href="#" data-role="button">按钮</a>

  </div>

  

</div>

  	<script type="text/javascript">	

	$(document).ready(function() {

      	$("#btn").each(function() {

      		$(this).click(function(){

//		  		$("#btn").hide();

		  		$(".a").append("<a href='#' data-role='button'>按钮</a>");

    		});



		});


		$("a").on("click",function(){alert("aaa");});

    });



	</script>

</body>

------解决思路----------------------

引用:

Quote: 引用:
$("a").on("click",function(){alert("aaa");});        //把这行改成下面的就行了：

$(".a").delegate("a","click",function(){alert("aaa");});
谢谢啦，这方法有用！我听网上说on可以绑定未来添加的元素，不知道怎么回事。

on也是不行的，以前的旧版本jquery用live就可以，但是现在的新版本都删除了这个功能，因为性能不好！

jquery怎么给动态添加的元素绑定事件

相关推荐