twitter-bootstrap TypeError: $(...).popover 不是函数引导问题
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15932553/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
TypeError: $(...).popover is not a function bootstrap issues
提问by John Doe
I want to use the Bootstrap popover, but I keep getting this error in firebug:
我想使用 Bootstrap 弹出窗口，但我在 firebug 中不断收到此错误：
TypeError: $(...).popover is not a function
This is how I load it all:
这就是我加载所有内容的方式：
<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>';
回答by Sid
This is what worked for me, I changed the order of jQuery and bootsrap libraries. Also, I am using the libraries from a CDN. That should make no difference.
这对我有用，我改变了 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>
回答by master
<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>
