如何使AJAX響應在MVC3視圖中使用jQuery淡入視圖？

我如何在我的網站中對<p>元素進行淡入淡出效果？如何使AJAX響應在MVC3視圖中使用jQuery淡入視圖？

例如，在這裏我使用Ajax來獲取當前服務器時間。他們突然被帶到視野中，我想知道我是否可以讓這個外表更流暢。如果可能，淡入。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".newstatus").fadeIn(); 
    }); 
</script> 

@Ajax.ActionLink("Update Status", "GetStatus", new AjaxOptions { UpdateTargetId = "status", InsertionMode = InsertionMode.InsertAfter })

在我的控制器：

public ActionResult GetStatus() 
{ 
    return Content("<p class=\"newstatus\">Status OK - " + DateTime.Now.ToLongTimeString() + ".</p>"); 
}

對如何處理這方面的問題有什麼建議？我想盡可能使用jQuery。

enter image description here

來源

2011-08-25 Only Bolivian Here

$（「＃elementid」）淡入（）。

這將在您的Ajax請求的回調函數elementid元素

來源

2011-08-25 19:21:38 Grigor

確保它是隱藏的開始，或者在消失之前，你可能會得到它的一個醜陋的閃光。您可能需要使用'$（「#elementid」）。hide（）。fadeIn（）;'或添加html屬性'style =「display：none;」' – regality

@regality：請參閱編輯，它並沒有淡入，而只是像以前一樣彈出。有任何想法嗎？ –

隨着代碼的存在，它只會在頁面加載時淡入，而且可能是空的。在內容加載到DOM並隱藏之前，不要在代碼中運行淡入淡出。 – regality

使用fadeIn()褪色。如果您需要準確的代碼，您必須提供Ajax請求的代碼示例。

來源

2011-08-25 19:22:46 Paulpro

讓我編輯我的問題，恐怕我不明白回調是什麼。 –

例如，在您分享的鏈接中，元素已經在頁面中。我使用AJAX來獲取並追加新的HTML元素，這就是腳本不能按預期工作的原因嗎？ –

啊，你正在使用'.net'什麼的。我不確定什麼Javascript實際上會輸出，所以我忍不住比我更多，對不起。 – Paulpro

-1

使用選擇器名稱和調用內置函數fadeIn（）。例如

$（「＃element_id」）。淡入（）

來源

2011-08-25 19:43:31

如何使AJAX響應在MVC3視圖中使用jQuery淡入視圖？

回答

相關問題