为什么此点击处理程序不能在JQuery中工作？

Question

I've got the following code in my page:

var offer_link = $('<a>').addClass('fc-offer-link');
offer_link.click(function() {
    alert('Hello');
});

offer_link.attr('href', "#" + this.id);
offer_link.append(this.subject);

this.list_item = $('<li>');
this.list_item.append(offer_link);

But even though the link appears on the page, the handler never gets called. What's going on?

Answer 1

The problem turned out to be where the item got inserted into the DOM. It was being inserted using:

$('#my_list').html(my_new_list.html())

It should have been using:

$('#my_list').replaceWith(my_new_list)

Answer 2

I think you just need to append the link to an element, like this:

<script type="text/javascript">
    $(function(){
        var link = $("<a>Click Me!</a>").addClass("fc-offer-link").appendTo($("#div1"));
        if (link){
            link.click(function(){
                alert("Hey there!");
            });  
        }   
    });
</script>
<div id="div1"></div>

EDIT : Not sure why I was downvoted, but here's a jsFiddle