Bootstrap javascript或popover无法正常工作

时间:2012-12-17 22:27:57

标签: javascript twitter-bootstrap popover

我的Bootstrap出了问题。似乎JS不能以某种方式正常工作,因为即使是最简单的弹出窗口的例子也不起作用。 (http://jsfiddle.net/weuWk/363/) 这个在JSFiddle上正常工作的小代码只是在我的源代码中使用时创建一个Button(没有悬停功能)。

Modal-Plugin实际上正在工作,所以这应该意味着我以正确的方式包含js文件。无论如何我会复制它:

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

1 个答案:

答案 0 :(得分:15)

jQuery需要在bootstrap的javascript之前包含,因为bootstrap只是jQuery“plugins”。

您应该按此顺序加入:

  1. 的jQuery
  2. 自举
  3. 您的Javascript
  4. 编辑:在关闭正文标记

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

    此外,控制台是你的朋友。检查并确保没有错误。

    解决:

    解决方案:&gt;包含的正确顺序&gt;修复我从js控制台获得的错误。