javascript - TypeError: $(...).popover is not a function bootstrap issues

Question

我想使用 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>';

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

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