jQuery - 页面重新加载后的fadeIn对象

时间:2011-06-10 09:29:02

标签: jquery

我有一个带有3个单选按钮的基于Ajax的表单。当选中一个时,div1 fadeIn,如果选中了两个,则div1为fadeOut,div2为fadeIn等。这部分效果很好。

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

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

希望有人可以提供帮助,我是一个jQuery n00b,但我真的开始喜欢这个框架了。

2 个答案:

答案 0 :(得分:0)

使用jquerys hide功能在点击无线电时隐藏通知div:

HTML:

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

脚本:

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

}

如果我的问题是对的吗?

答案 1 :(得分:0)

假设您的成功/错误区域的ID为messageArea,请点击您的点击脚本:

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