Question

我为js库调用bootstrap twitter个文件，但是我收到错误消息

$("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>

Answer 1

在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">

位于页面底部。这混淆了浏览器，它也让我感到困惑。

Answer 2

这有效：

<击> http://jsfiddle.net/9W53Q/7/

修改：http://jsfiddle.net/9W53Q/272/

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

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

$（“a [rel = popover]”）。popover不是一个函数

2 个答案: