我在这里看了很多关于这个问题的帖子,但似乎都没有解决我的问题.
我已按正确的顺序导入了jQuery和Bootstrap js文件.像引导板这样的东西对我来说非常好.
我的脚本导入是这样的:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)
但是,当我尝试
$('[data-toggle="popover"]').popover();
Run Code Online (Sandbox Code Playgroud)
我在Chrome控制台中收到以下消息:
Uncaught TypeError: $(...).popover is not a function
Run Code Online (Sandbox Code Playgroud)
起初我想也许popover没有被包含在CDN的副本中,所以我继续下载了一个包含所有插件的本地副本:
http://getbootstrap.com/customize/
Run Code Online (Sandbox Code Playgroud)
并得到相同的错误消息(将脚本标记重新指向本地js文件).
在bootstrap.min.js文件中搜索"popover":
http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js
Run Code Online (Sandbox Code Playgroud)
显示popover包含在文件中.