MVC4 + jQuery淡出通知div

时间:2014-01-22 12:05:11

标签: c# javascript jquery asp.net-mvc-4

我是使用JavaScript和JQuery的新手,我需要一些帮助来解决我遇到的一个简单问题。

我根据保存到数据库的结果动态加载下面的div,并希望用户通知在一两秒后淡出。我编写并运行的脚本没有问题,但不淡出div。

你能让我知道我错过了什么,或者是否有更好的方法来做到这一点。

控制器

public ActionResult Index(IList<Datapoint> model)
{
    if (ModelState.IsValid)
    {
        try
        {
            ctx.SaveChanges(model);
            ViewBag.Notification = "Save Successful";
        }
        catch (Exception ex)
        {
            ViewBag.Notification = "Save Failed";
        }               
    }

    return View(model);
}

HTML

@if(!ViewBag.Notification.ToString().Equals(string.Empty))
{
    <div id="Notification" class="large-4 large-offset-6 columns"> 
        <h5 class="button [secondary success alert] round">@ViewBag.Notification.ToString()</h5>
    </div>
}

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script>
    $("Notification").fadeOut(1000);
</script>

1 个答案:

答案 0 :(得分:4)

您需要在ID选择器

之前使用#
<script>
    $("#Notification").fadeOut(1000);
    //.^...........
</script>

http://api.jquery.com/id-selector/