如何使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淡入视图？

回答

相关问题