TypeError:$(...).popover不是函数引导问题

Question

我想使用Bootstrap popover,但我在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>