jquery 添加html元素后 html中click失效问题

jqeury 添加html 元素后 .click 失效问题

Java代码  

1. <script>  
2.     function xxx() {  
3.         var abc = '<li><h3 class="geegee">3</h3></li>';  
4.         var acc = '<li><h3 class="geegee">4</h3></li>';  
5.         output = $(abc + acc);  
6.         $('#category').append(output);  
7.     }  
8. </script>  
9.   
10. <script>  
11.     $(document).ready(function() {  
12.         $(".geegee").click(function() { //bug  
13.             alert("a");  
14.         });  
15.     });  
16. </script>  

 改掉

Java代码  

1. $("#category").delegate(".geegee","click",function() {  
2.     alert("a");  
3. });  

 ddd