3

我调用库的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>
4

2 回答 2

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

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

于 2013-04-09T20:51:59.030 回答
1

这有效:

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

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

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

$(document).ready(function() {
    $('a[rel=popover]').popover();
});
于 2012-04-23T14:14:49.217 回答