13

我无法让它工作。当我单击关闭按钮时，什么也没有发生。

这是代码：

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

我已经在 jsfiddler 上重现了这个问题：http: //jsfiddle.net/graphicsxp/7L7Nd/

编辑

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "quoteWizard" }))
{
    <input type="hidden" id="ModelType" value="CarQuoteRequestViewModel" />


    ViewBag.ValidationSummaryClass = ViewData.ModelState.IsValid ? "validation-summary-valid" : "validation-summary-errors";

    <div class="@ViewBag.ValidationSummaryClass alert alert-error in fade" data-valmsg-summary="true">
    <button class="close" data-dismiss="alert">&times;</button>
        <span>Before you can continue, please make sure you have completed the mandatory fields
            highlighted below.</span>
        <ul style="display: none" />
    </div>



    @RenderSection("QuoteSection")

    <div class="ui-formwizard-nav">
        <input id="back" value="@Resource.Global.Previous" type="reset" class="btn btn-primary" />
        <input id="next" value="@Resource.Global.Next" class="btn btn-primary" type="submit" />
    </div>
}
4

5 回答 5

22

包含 Javascript 源代码的顺序似乎很重要。首先加载 jQuery，然后是 Bootstrap Javascript。

例如，这失败了：

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

这有效：

<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>
[...]
于 2013-04-16T10:51:27.343 回答
10

我已经整理好了。

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

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

感谢您的帮助

于 2013-03-06T12:08:21.467 回答
1

从 Shail 编辑，只是从 alert-error 变为 alert-danger

<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>

Jsfiddle演示

于 2015-07-17T05:39:46.680 回答
0

请包括 jquery 库

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

它应该工作

Jsfiddle演示

于 2013-03-06T11:22:16.813 回答
0

可能你忘记引用这个：

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

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

于 2013-07-02T12:51:51.160 回答