FadeIn div不工作

Question

我在_layout.cshtml有一個代碼。

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

而且在JavaScript

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

但股利不會淡出。請建議我做錯了什麼。

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");