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的明显的作品，因为它开始褪色，然后扣回再次出现。只有仅仅使用引导程序所以道歉，如果这是一个noob问题...提前

感谢，

开始杰克

Answer 1

的引导文档状态使用此属性：

data-dismiss="alert" 

不这项工作，如果你添加它？