0

我有一个代码_layout.cshtml

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

在 javascript 中

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

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

4

2 回答 2

2

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.

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

于 2013-01-16T14:31:39.103 回答
1

这是两个班 alteralert-success所以你需要做

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

或者

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

或者

$(".alert").fadeOut("slow");
于 2013-01-16T14:32:13.860 回答