Bootstrap警报仅工作一次

Question

我正在开发一个网络应用程序，在提交后它调用ajax页面。如果电子邮件已经存在，那么它将抛出警报。为此我正在做引导警报。但它是第一次工作。请见bootply， 当您按下添加按钮时，警报仅在第一次显示。

Answer 1

嗯，呃，你正在淡出警报，所以下次它显示它是隐形的：

$(".alert").delay(200).addClass("in").fadeOut(3500);
                                      // ^^^ that's a fadeOut

将其更改为：

$(".alert").delay(200).addClass("in").fadeOut(3500, function() {
    $(this).removeClass('in').show();
});

Answer 2

.fadeOut()隐式设置display: none;，因此您必须将其恢复，例如通过调用.show()。

$(".alert").show().delay(200).addClass("in").fadeOut(3500);