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，如果这是一个noob问题，请道歉......

提前致谢，

杰克

Answer 1

bootstrap文档声明使用此属性：

data-dismiss="alert"

如果添加它会有效吗？