Twitter Bootstrap 简单隐藏（）不起作用

Question

我有一个简单的表单，如果使用 Twitter 的 Bootstrap 系统其中一个表单为空，则会弹出错误消息。

错误消息弹出，我设置了一个简单的 JQuery 函数来在单击“X”时隐藏错误框，但它会消失然后再次弹出。真的很奇怪，以前有人遇到过吗？

代码是：

Javascript

<script type="text/javascript">
$(document).ready(function() {
$(".close").click(function() {
    $(".alert").hide();
});
});
</script>

HTML

<div class="alert alert-error"><button class="close">&times;</button>
Uh oh, you forgot your name! Dont worry we do it all the time...</div>

就像我说的，PHP 可以很好地呈现代码，而 Javascript 显然可以正常工作，因为它开始褪色，然后又重新出现。刚开始使用 Bootstrap，如果这是一个菜鸟问题，请见谅...

提前致谢，

杰克

Answer 1

引导文档声明使用此属性：

data-dismiss="alert"

如果你添加它会起作用吗？