$("a[rel=popover]").popover 不是函数答案

【问题标题】：$("a[rel=popover]").popover is not a function$("a[rel=popover]").popover 不是函数
【发布时间】：2012-05-03 22:29:42
【问题描述】：

我为 bootstrap twitter 库调用了 js 文件，但我得到了错误提示

$("a[rel=popover]").popover is not a function

<script src="../../jq/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../bootstrap/js/bootstrap.js" type="text/javascript"></script>
<script src="../../bootstrap/js/bootstrap-tooltip.js" type="text/javascript"></script>
<script src="../../bootstrap/js/bootstrap-popover.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {

        // second supervisor popover
        $('a[rel=popover]').popover({
            placement: 'below',
            offset: 20,
            trigger: 'manual'
        });
    });


</script>

【问题讨论】：

弹窗库好像没有正确加载，你确定url正确吗？
@Bader 删除所有松散的引导插件脚本并保持bootstrap.js 脚本完整，该脚本文件附带了所有已包含在其中的插件。
@Bader 您可以发布指向您网站的链接吗？我确定有些资产可能会丢失。

标签： javascript twitter-bootstrap popover

【解决方案1】：

这行得通：

~~http://jsfiddle.net/9W53Q/7/~~

编辑：http://jsfiddle.net/9W53Q/272/

确保以正确的顺序添加资源（首先是工具提示）。或者像 Richard Dalton 建议的那样（我也推荐），只需使用编译好的 bootstrap.js 文件。

$(document).ready(function() {
    $('a[rel=popover]').popover();
});

【讨论】：

鉴于这是一个 2 年前的示例，JSHint Bootstrap 参考不再可用，请确保检查答案的日期，因为问题相当明显。我已经更新到最新版本。

【解决方案2】：

这在 ASP.NET MVC 4 中发生在我身上。在我的项目中，我有一个

@Scripts.Render("~/bundles/jquery")

都在我页面的顶部<head>，然后又是这些小@Scripts.Render("~/bundles/jquery") 吸盘之一在</body> 之前的页面末尾潜入。我删除了页面末尾的多余行，问题就消失了。

请注意，浏览器以正确的顺序呈现 <head>：

<script src="/Scripts/jquery-1.9.1.js">
<script src="/twitterBootstrap/js/bootstrap.js">
<script src="/Scripts/modernizr-2.5.3.js">

然而，我最终得到了另一个

<script src="/Scripts/jquery-1.9.1.js">

在页面底部。这让浏览器感到困惑，也让我感到困惑。

【讨论】：