Question

I make an element in jQuery plugin:

this.addButton = $("<a>", {
                   text: "ADD",
                   "class": "addButton"
                }).appendTo(this.element);

Then i add live functionality:

this.addButton.live("click", function() {
            that.somefunction("addSomething");
        });

And it isn’t working.

IF i change “live” to “bind” it works OR when i do:

$('.addButton').live("click", function() {
     that.somefunction("addSomething");
});

it works too. But why adding live to an dynamically added element doesn’t work?

Any ideas?

Answer 1

live() needs to examine the event on a parent element to work. The way you have set it up, the event can not propagate to any parent element.