FadeIn div不工作

Question

我在_layout.cshtml中有代码。

@if (TempData["SuccessMessage"] != null)
{
    <div class="alert alert-success">
        @TempData["SuccessMessage"];
    </div>
}

并在javascript中

$(function() {
    $(".alert alert-success").fadeOut("slow");
});

但是div并没有淡出。请告诉我我做错了什么。

Answer 1

jQuery Docs - Class Selectors有一个非常相关的示例（使用“myclass”和“otherclass”类查找元素。）

尝试更改：

$(function () {
  $(".alert alert-success").fadeOut("slow");
});

要：

$(function () {
  $(".alert.alert-success").fadeOut("slow");
});

或者您可以尝试.filter()：

$(".alert").filter(".alert-success")

但是，由于您首先编译所有匹配.alert元素的集合，然后过滤这些元素以编译第二组或包含.alert-success的元素，因此此方法会稍微慢一些。

在类似帖子here

中查找更多信息

Answer 2

这是两个类alter和alert-success所以你需要做

$(".alert.alert-success").fadeOut("slow");

OR

$(".alert-success").fadeOut("slow");

OR

$(".alert").fadeOut("slow");