Problem with click function in JQuery

Question

I have a link appended to a div element. And on clicking the link, I want a function to be executed.In order to check if the function is called, when I click the link, i had an alert box in that function. But no alert box is appearing if I click the link?

This is the link added to the div element 'fb_contentarea_col2top'.

$("<p class='title2'>Recent Entries | <a id='actions' href='#'>Actions</a> </p>").appendTo("#fb_contentarea_col2top");

When I click this link, I want this function to be called,

$('#actions').click(function (){
    alert("HI");

});

But the alert does not come. What is the mistake I am doing?

Sampson · Accepted Answer · 2009-08-19 11:05:34Z

5

You'll want to change "click" to live:

$("#actions").live("click", function() {
  alert("hi");
});

This will bind the actions to any #actions that presently exists, or will exist in the future. In your case, you're adding it in later.

answered Aug 19, 2009 at 11:05

Sampson

269k76 gold badges546 silver badges570 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kieron Over a year ago

...or, bind the click event after you create the element.

redsquare · Accepted Answer · 2009-08-19 11:05:44Z

0

Have you got the script inside a document ready block. Else use .live outside the ready block.

$(function(){

  $('#actions').click(function (){
        alert("HI");

  });

});

answered Aug 19, 2009 at 11:05

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

Comments

Craig Martek · Accepted Answer · 2009-08-19 11:06:20Z

0

Try this:

$("#actions").bind('click', function() {
    alert("HI");
});

answered Aug 19, 2009 at 11:06

Craig Martek

2841 silver badge6 bronze badges

1 Comment

Craig Martek Over a year ago

.bind and .live are slightly different: live binds to all future matches (which shouldn't be a problem, since id's should be unique). I'm just more used to using .bind, which is why I suggested it.

Collectives™ on Stack Overflow

Problem with click function in JQuery

3 Answers 3

1 Comment

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Related