jquery 添加html元素後 html中click失效問題

jqeury 添加html 元素後 .click 失效問題

<script>  

    function xxx() {  

        var abc = '<li><h3 class="geegee">3</h3></li>';  

        var acc = '<li><h3 class="geegee">4</h3></li>';  

        output = $(abc + acc);  

        $('#category').append(output);  

    }  

</script>  

    $(document).ready(function() {  

        $(".geegee").click(function() { //bug  

            alert("a");  

        });  

    });  

 改掉

$("#category").delegate(".geegee","click",function() {  

    alert("a");  

});  

 ddd