使用jQuery关闭引导程序警报不使用此代码？

Question

我有这个div：

<div class="alert alert-danger alert-dismissible" role="alert" id="login-error">
    <button type="button" class="close" id="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    Incorrect username or password.
</div>

在页面加载时隐藏了这个：

$(document).ready(function(){
$('#login-error').hide();
});

我希望在用户单击警报中包含的关闭按钮时隐藏它（当使用.show（）提供错误的登录详细信息时显示;）。

为此，我从另一个Stackoverflow帖子中获取此代码：

$('.alert .close').on('click', function(e) {
$(this).parent().hide();
});

但是，单击关闭按钮不会隐藏它，我不知道为什么。如果有人可以向我解释为什么它不起作用所以我可以修复它会很棒:)谢谢。

Answer 1

嗯，在这种情况下，答案很简单。你没有加载jQuery。

检查控制台中的错误：

此外，一旦您根据需要在bootstrap.js文件之前加载jQuery，您就不需要编写自己的脚本来处理关闭警报。相反，您可以按照文档 here 中所述添加数据弃用标记：

  

只需添加data-dismiss =＆＃34; alert＆＃34;自动关闭按钮   提供警报关闭功能。

Answer 2

怎么样

$('#close').on('click', function(e) {
    $('#login-error').hide();
});

或

$("#close").click(function() {
    $('#login-error').hide();
});