$(…)。.popover不是一个函数

我在这里看了很多关于这个问题的post,但是它们似乎都没有解决我的问题。

我已按正确的顺序导入了jQuery和Bootstrap js文件。 像引导板这样的东西对我来说非常好。

我的脚本导入是这样的:

   

但是,当我尝试

  $('[data-toggle="popover"]').popover(); 

我在Chrome控制台中收到以下消息:

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

起初我想也许popover没有包含在CDN的副本中,所以我继续下载了一个本地副本,其中包含了所有插件:

 http://getbootstrap.com/customize/ 

并得到相同的错误消息(重新指向脚本标签朝向本地js文件)。

搜索“popover”bootstrap.min.js文件:

 http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js 

显示popover包含在文件中。

既然你已经声明你已经正确地包含了jQuery和其他库,那么1个可能的情况是页面中可能有多个jQuery实例。

因此,基于所使用的服务器技术,搜索jQuery的重复版本,如果有任何删除它们(如果不需要,则必须考虑使用noConflict() )。

在重复的jQuery实例的情况下,问题是插件附加到的jQuery版本可能与您访问的那个不同,此时使用插件的插件将无法找到。

包含bootstrap.js和jquery.js的顺序很重要。 在bootstrap.js之前包含jquery.js

有同样的问题,并检查了jquery版本。 转到v1.12对我有所帮助