2013-01-13 77 views
0

每刷新一次页面只运行一个jQuery事件。我在做什么那是错的?每刷新一次只运行一个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>'); 
}); 

回答

3

一旦其中一个事件运行,$("#contact-form")不会引用任何内容。如果你想用某种东西替换它,请尝试使其具有相同的id

+0

嗨,谢谢。这里是形式...该ID的引用<表格ID =“接触型”行动=“”方法=“POST”> \t

\t \t
\t \t \t
Stef

+0

所以,而不是替换形式,已经右它上面的标题除了根据指定更改表单的功能之外,还可以在方法中替换/修改。 –

+0

谢谢杰克,我意识到我做错了什么。当我点击第一个链接时,它会正确替换联系人表单。当我点击第二个链接时,没有可替换的表单。我需要能够取代当前显示的链接。你有什么想法?再次感谢你的帮助。 – Stef