每次刷新仅运行一个jQuery事件

Question

每次刷新页面时只运行一个jQuery事件。我做了什么错的事？

$("#contact_link_email").on("click",function(){
  $("#contact-form").replaceWith('<h2>Email heading</h2>');
});

$("#contact_link_facebook").on("click",function(){
  $("#contact-form").replaceWith('<h2>Facebook heading</h2>');
});

$("#contact_link_twitter").click(function(){
  $("#contact-form").replaceWith('<h2>Twitter heading</h2>');
});

$("#contact_link_gplus").click(function(){
  $("#contact-form").replaceWith('<h2>GPlus heading</h2>');
});

Answer 1

一旦这些事件之一运行，$("#contact-form")就不会引用任何东西。如果你想用某个东西替换它，试着让它具有相同的id。