2011-06-10 102 views
0

我有一个基于Ajax的表单,带有3个单选按钮。当选中一个时,div1 fadeIn,如果选中了两个,div1 fadeOut,div2 fadeIn等。这部分工作很好。jQuery - 页面重新加载后的淡入淡出对象

但我也有成功和错误通知在那些形式,这是不会消失,当单选按钮切换,所以对于div2你可以看到从div1的错误。

我知道我可以重命名每个表单的成功和错误框类,但我想知道,是否有一种方法可以重新加载页面或重置表单时切换单选按钮,然后需要的内容会淡入?我试图使用location.reload(),但它只是重新加载整个页面,并且需要div永远不会淡入。

希望有人可以帮忙,我是一个jQuery n00b,但我真的很喜欢这个框架。

回答

0

使用jquerys hide功能隐藏通知的div被点击收音机时:

HTML:

<div class="notification">There is an error</div> 

脚本:

function onRadioClick() { 
    ("div.notification").hide(); 
    // Do your fade in stuff 

} 

如果我得到你的问题吧?

+0

是它的工作原理,但在消息后,这种情况下是成功的DIV1,我切换到DIV2,然后再div1,那么div1是完全空的,我怎么能离开成功味精只有在这种形式? – elvis 2011-06-10 09:48:33

+0

好吧,我想这是唯一合理的解决方案。谢谢! – elvis 2011-06-10 10:03:58

+0

你应该有一些形式的验证功能来显示通知消息,对吧?然后,当按下单选按钮恢复消息状态时,您只需运行该功能。为了更加准确 - 为此开启一个新问题并包含您的代码。 – 2011-06-13 18:00:38

0

假设你的成功/错误面积有messageArea一个ID,你的点击脚本中:

$('#messageArea').empty(); //Remove contents 
//Put your error messages as you would, fade in and out and whatever you wish