FadeIn() 警报错误在 bootstrap3 中不起作用答案

【问题标题】：FadeIn() alert-error not working in bootstrap3FadeIn() 警报错误在 bootstrap3 中不起作用
【发布时间】：2013-08-19 04:41:04
【问题描述】：

尝试使用引导程序 3 警报错误和隐藏类将消息淡入到 div，但它不起作用。使用 bootstrap 2.3.2 也是一样的，是否还有其他方法可以用于 bootstrap 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();
});

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

从 Bootstrap 3.0.1 开始，类 .hide 是 deprecated 并替换为 .hidden 或 .sr-only：

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

通过 rps 更新答案：

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

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

【讨论】：