Question

I have a hyperlink with an ID when clicked will perform a certain event using JQuery. JQuery records the existence of this link on document load. Some time during the course of the users visit. I remove that link and the re-add it later. However, that even is not fired off again when that link is clicked after it has been removed and added.

Why is the case and how can I remedy it? Something to do with event binding?? Or shall I just add an onclick attribute?

Answer 1

You’ve been using a tag like this to add the click event:

$('#speciallink').click(function(){
  // do something
  return false;
});

This will bind the event to the elements that are selected at that moment.

Removing a link and adding it again, will effectively create a new element, without this event. You can use the “live” method to add rules that will be applied to events matching the rule, even when these elements are created after creating the rule:

$('#speciallink').live("click",function(){
  // do something
  return false;
});