2011-06-10 106 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