Loading...

Search jQuery

Search

jQuery Forum

event handlers

in Using jQuery • 13 years ago

I'm sure this is a very newb question, but why doesn't this work? I'm trying to add buttons to dynamically created elements, but I can't seem to figure out how to attach event listeners to them. The icon is added, but nothing happens when you click on it...!

: icn = "<div class='icon'/>" ; $(icn).click(function(){ alert('clicked') ; }); $("#functions").append( $(icn) ) ;

thanks...

1

Replies(2)

Re: event handlers

13 years ago

ok - i've got it working using:

: icn = $("<div class='icon'/>") ; icn.click(function(){ alert('clicked') ; }); $("#functions",html).append( icn ) ;

is there a better way of doing this? or does this look right?

Re: event handlers

13 years ago

nicholasstephan wrote:icn = "<div class='icon'/>" ;
$(icn).click(function(){
alert('clicked') ;
});
$("#functions").append( $(icn) ) ;

Each call to $(icn) creates a new jQuery object. You only need one:

: // Untested var icn = $("<div class='icon'/>") .click(function(){ alert('clicked') ; }) .appendTo("#functions");