TypeError: $(...).popover is not a function bootstrap issues答案

【问题标题】：TypeError: $(...).popover is not a function bootstrap issuesTypeError: $(...).popover is not a function bootstrap issues
【发布时间】：2013-04-10 17:29:41
【问题描述】：

我想使用 Bootstrap 弹出框，但我在 firebug 中不断收到此错误：

TypeError: $(...).popover is not a function

这就是我全部加载的方式：

  <a id="example" class="btn btn-success" data-original-title="Twitter Bootstrap Popover" data-content="It's so simple to create a tooltop for my website!" rel="popover" href="#">abc</a>


  <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/jquery-1.9.0.js"></script>

  <script>
     setTimeout(function (){ $("#example").popover("show");},4000);
  </script>';

【问题讨论】：

jQuery 必须位于 Bootstrap 支持脚本之前。
同样的问题，即使首先使用 jquery
所有的 JavaScript 文件都正确加载了吗？
我将尝试使用完整路径，但所有路径都显示为包含在 dreamweaver 中
找到了问题，抱歉这个愚蠢的问题，在页面末尾有另一个版本的 Jquery 潜入

标签： javascript twitter-bootstrap

【解决方案1】：

这对我有用，我改变了 jQuery 和 bootsrap 库的顺序。另外，我正在使用 CDN 中的库。应该没什么区别。

<a id="example" class="btn btn-success" data-original-title="Twitter Bootstrap Popover" data-content="It's so simple to create a tooltop for my website!" rel="popover" 

href="#">abc</a>


  <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
  <script src="http:////cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>


  <script>
     setTimeout(function (){ $("#example").popover("show");},4000);
  </script>

【讨论】：

如果我们使用单独的引导插件应该是为了。否则会发生冲突。应该使用 minified 或 bootstrap all.js
重要的是脚本在正文之后加载:)

【解决方案2】：

<a id="example" class="btn btn-success" data-original-title="Twitter Bootstrap Popover" data-content="It's so simple to create a tooltop for my website!" rel="popover" href="#">abc</a>
  <script>
     setTimeout(function (){ $("#example").popover("show");},4000);
  </script>
  <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/jquery-1.9.0.js"></script>

【讨论】：

这只是一个不同的错误！在使用 jQuery 之前使用 $。
你需要 jquery 就绪语句 $(function(){ //code 在这里.. 确保 html 被加载 }):
这是一种非常鸭式的磁带方法
又犯了一个错误。