twitter-bootstrap closing alert does not work

Question

I can\'t get it to work. When I click the close button, nothing happens.

here\'s the code:

 


        
                      

              相关标签:
       
      

Answer 1

Edited from Shail that just changing from alert-error to 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 Demo

Answer 2

Please include jquery library

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

and It should work

Jsfiddle Demo

Answer 3

I've sorted it out.

Instead of using a button, I'm now using a span, so the form doesn't get submitted:

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

thanks for your help

Answer 4

May be you forget to reference this:

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

I had same problem. I added it, and it worked.

Answer 5

It appears that the order in which you include the Javascript sources is important. First load jQuery, then the Bootstrap Javascript.

E.g. This fails:

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

and this works:

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

You'll also see this in the example templates. From the 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>
[...]