CODEWITHSUNDEEP
jquery
Angeline
Angeline

Reputation: 2379

Problem with click function in JQuery

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?

Upvotes: 0

Views: 205

Answers (3)

Craig Martek
Craig Martek

Reputation: 284

Try this:

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

Upvotes: 0

redsquare
redsquare

Reputation: 78667

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

$(function(){

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

  });

});

Upvotes: 0

Sampson
Sampson

Reputation: 268324

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.

Upvotes: 5

Related Questions