jQuery append

Question

我想点击某个按钮后给div动态加元素，并赋予这个元素一个class，然后想点这个元素的时候触发这个class原来已有的click事件，代码如下：<script type="text/javascript" charset="utf-8" src="jquery-1.4.1.js"></script>
<script type="text/javascript">
$(function(){
$('.al').click(function(){
alert('aa');
});
$('.ab').click(function(){
$('#Test').append("<a href='#' class='al'>Click u</a>");
});
});
</script>
<div id="Test">
<a href="#" class="al">Click me</a>
</div>
<input type="button" class="ab" value="添加元素" />但是添加后的元素的点击事件触发不了，请问怎么解决

Answer 1

除了这样还有没有其他的方法<script type="text/javascript" charset="utf-8" src="jquery-1.4.1.js"></script>
<script type="text/javascript">
$(function(){
$('.al').click(function(){
alert('aa');
});
$('.ab').click(function(){
$('#Test').append("<a href='#' class='al'>Click u</a>");
$('.al').click(function(){
alert('aa');
});
});
});
</script>
<div id="Test">
<a href="#" class="al">Click me</a>
</div>
<input type="button" class="ab" value="添加元素" />