javascript - FadeIn() 警报错误在 bootstrap3 中不起作用

Question

尝试使用 bootstrap 3 alert-error 将消息淡入到 div 并隐藏类，但它不起作用。同样的事情是使用引导程序 2.3.2 是否有任何其他引导程序 3 的方法。

html:

<div id="success" class="alert alert-success hide"></div><br>
<button type="submit" id="click" >Click</button>

JavaScript：

$("#click").click(function() {
    $("#success").html('Hello World!').fadeIn();
});

Bootstrap3 小提琴：http: //jsfiddle.net/MLpyH/

Bootstrap2.3.2 小提琴：http: //jsfiddle.net/e4SAK/

Answer 1

$("#success").html('Hello World!').removeClass("hide").hide().fadeIn("slow");

http://jsfiddle.net/MLpyH/11/

Answer 2

从 Bootstrap 3.0.1 开始，该类.hide已弃用并由.hiddenor代替.sr-only：

<div id="success" class="alert alert-success hidden"></div>

通过 rps 更新答案：

$("#success").html('Hello World!').removeClass("hidden").hide().fadeIn("slow");

（我不想写一个全新的答案，但我不允许发表评论。无论如何，谢谢你，rps）