Bootstrap javascript or popover not working

19,582

jQuery needs to be included before bootstrap's javascript, as bootstrap is just jQuery "plugins".

You should Include in this order:

  1. jQuery
  2. Bootstrap
  3. Your Javascript

EDIT: Try this right before the closing body tag

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script> 
$(function(){
    $('#test').popover();​
});
 </script>

Also, the console is your friend. Check and make sure there are no errors.

SOLVED:

Solution: > Right order of Includes > fixing errors i got from my js console.

Share:
19,582
user1911283
Author by

user1911283

Updated on June 09, 2022

Comments

  • user1911283
    user1911283 about 2 years

    Got a Problem with my Bootstrap. It seems as if the JS is not working correctly somehow, because even the easiest examples of popovers dont work. (http://jsfiddle.net/weuWk/363/) This little piece of code which works correctly on JSFiddle, is just creating a Button(w/o hover functionality) if used in my source code.

    The Modal-Plugin is actually working, so this should mean that i include the js files in the right way. I will copy it anyway:

     <script src="js/bootstrap.min.js"></script>
     <script src="http://code.jquery.com/jquery-latest.js"></script>