jquery - 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.

在此处的类似帖子中查找更多信息

Answer 2

这是两个班 alter，alert-success所以你需要做

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

或者

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

或者

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