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 MVC4で発生しました。私のプロジェクトでは、

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

の私のページの上部と、ページの終わりの直前にある<head>これらの小さな吸盤の1つが両方とも入り込んでいます。ページの最後にある冗長な行を削除すると、問題は解決しました。@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 に答える