Html twitter引导关闭警报不起作用

我不能让它工作。当我点击关闭按钮时，什么也没发生

代码如下：

 <div class=" alert alert-error alert-block" style="width:200px" >
    <button class="close" data-dismiss="alert">&times;</button>
        <span>errors</span>            
    </div>

&时代；
错误

我在jsfiddler上复制了这个问题：

编辑

@使用（Html.BeginForm（null，null，FormMethod.Post，new{id=“quoteWizard”}））
{
ViewBag.ValidationSummaryClass=ViewData.ModelState.IsValid？“验证摘要有效”：“验证摘要错误”；
&时代；
在继续之前，请确保已完成必填字段
下面突出显示。

@渲染部分（“引用部分”）
}

请包括jquery库

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

它应该会起作用

我已经把它整理好了

我现在使用的不是按钮，而是跨度，因此表单不会被提交：

        <span class="close" data-dismiss="alert">&times;</span>

×；

---

感谢您的帮助

看来，包含Javascript源代码的顺序很重要。首先加载jQuery，然后加载引导Javascript

例如，此操作失败：

这是有效的：

您还将在示例模板中看到这一点。从：

[…]
[...]

可能是因为您忘了引用以下内容：

<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>

---

我也有同样的问题。我添加了它，它起了作用。

编辑自Shail，它只是从警报错误变为警报危险

<div class=" alert alert-danger alert-block" style="width:200px">
     <button class="close" data-dismiss="alert">&times;</button>
     <span>
             Before you can continuelds
             highlighted below.
     </span>
</div>

&时代；
在你继续之前
下面突出显示。

---

jshiddle

当然可以！但问题是，我已经把它包括在我的网站上，但它仍然不起作用。不过，它是用小提琴演奏的，所以其他地方肯定有问题。我将尝试发布所有html。@user1098555您没有在JSFIDLE中包含jquery，所以我怎么会知道呢。你能出示你的测试页面吗？你不知道，我也没注意到。我想说的是，我意识到它在JSFIDLE中丢失了，但在我的网站中我已经包含了它，所以问题一定在别处。但是我现在注意到，它没有关闭的原因是，似乎单击关闭按钮会触发表单验证。我得弄清楚。我已经用所有的html（它是asp.net mvc）更新了我的原始帖子，请在你的问题中提到，你的网站上有这个问题，你提供的JSFIDLE没有包含jquery，所以我们不想奇迹般地知道你在你的网站上放置了jquery，而问题是其他的，不是吗？我遇到了类似的问题，需要一个比1.5更新的jQuery版本，drupal正在加载一个旧版本，所以我使用了DrupaljQuery更新模块。我认为这可能会帮助有此问题的人。您将跨距放置在按钮之外。根据getbootstrap.com文档，它应该在里面。这并没有提供问题的答案。若要评论或要求作者澄清，请在他们的帖子下方留下评论-你可以随时在自己的帖子上发表评论，一旦你有足够的评论，你就可以发表评论了。好吧@cpburnz，对不起，我是新手，我以前还不知道这些规则，我只是想帮忙，我不是垃圾邮件发送者，发誓。我在我的真实程序中尝试了shail的代码，但如果我设置了警报错误，它就不起作用了，所以我将allert更改为alert danger，它工作得很顺利，仅此而已。我只是想帮忙，仅此而已，我不是垃圾邮件发送者。好吧，我现在该怎么做来弥补我的缺点呢？我会受到惩罚吗？没关系，我开心地接受了，真的。不知道为什么订单很重要。谢谢原始引导使用了标签。把它改成你说的那样。很好的解决方法。

<script src="/js/vendor/jquery-1.9.1.min.js"></script>
<script src="/js/vendor/bootstrap.min.js"></script>

[...]
<script src="/../assets/js/jquery.js"></script>
<script src="/../assets/js/bootstrap-transition.js"></script>
<script src="/../assets/js/bootstrap-alert.js"></script>
[...]

<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>

<div class=" alert alert-danger alert-block" style="width:200px">
     <button class="close" data-dismiss="alert">&times;</button>
     <span>
             Before you can continuelds
             highlighted below.
     </span>
</div>