Cảnh báo đóng cửa twitter-bootstrap không hoạt động

Question

Tôi không thể làm cho nó hoạt động. Khi tôi nhấp vào nút đóng, không có gì xảy ra.

đây là các mã:

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

Tôi đã sao chép vấn đề trên jsfiddler: http://jsfiddle.net/graphicsxp/7L7Nd/

EDIT

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

Answer 1

Tôi đã sắp xếp nó ra.

Thay vì sử dụng một nút, Tôi bây giờ sử dụng một khoảng, vì vậy các hình thức không được nộp:

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

nhờ sự giúp đỡ của bạn

Answer 2

Vui lòng gửi kèm thư viện jquery

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

và Nó sẽ làm việc

Jsfiddle Demo

Answer 3

Dường như thứ tự mà bạn bao gồm các nguồn Javascript là quan trọng. Trước tiên, tải jQuery, rồi Javascript khởi động.

Ví dụ: này không thành công:

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

và này hoạt động:

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

Bạn cũng sẽ thấy điều này trong ví dụ mẫu. Từ Hero template:

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

Answer 4

Có thể bạn quên tham khảo này:

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

tôi đã cùng một vấn đề. Tôi đã thêm nó và nó hoạt động.

Answer 5

Sửa từ Shail rằng chỉ cần thay đổi từ cảnh báo lỗi để cảnh báo-nguy hiểm

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