1

私は何年にもわたってさまざまなソリューションを試してきましたが、ブートストラップポップアップが機能しない理由がわかりません。

私は取得しています: ReferenceError: $ is not defined for

$(function ()

これは、ポップアップを表示するためにホバーしたい私のボタンです:

<div class="span3 offset2">
    <a `href="http://automationrecruitment.com.au/apply/">
        <button 
            class="btn btn-large btn-block btn-primary" 
            id="lefty" 
            rel="popover" 
            data-content="this is the content to show" 
            style="min-width:116px; margin:5px;" >
                Apply
        </button>
    </a>

これは私が添付したスクリプトです：

<script language="JavaScript" type="text/javascript" src="css/bootstrap/js/jquery-1.8.3.min.js"></script>  
<script type="text/javascript" src="/css/bootstrap/js/bootstrap-popover.js"></script>
<script type="text/javascript" src="/css/bootstrap/js/bootstrap-tooltip.js"></script>

これは関数呼び出しです： 

$(function ()  
{ 
    $("#lefty").popover();  
});

競合する可能性があると思われる場合は、他のブートストラップ js も添付しています

4

3 に答える 3

3

指定された言語（大文字と小文字が区別されます）が正しくありません。これにより、これがjavascriptとして解釈されなくなります。間違い：

<script language="JavaScript" type="text/javascript" src="css/bootstrap/js/jquery-1.8.3.min.js"></script>

私のお気に入りに変更してください：

<script src="css/bootstrap/js/jquery-1.8.3.min.js"></script>

また

<script type="text/javascript" src="css/bootstrap/js/jquery-1.8.3.min.js"></script>

また

<script language="javascript" type="text/javascript" src="css/bootstrap/js/jquery-1.8.3.min.js"></script>

そしてそれはjavascriptとして正常に解釈され、jQuery/$を定義します

于 2013-03-21T01:49:56.907 に答える
1

you have to referene jquery before referring to the bootstrap.js. like this:

<!-- include jQuery first!!! -->
<script src="/lib/jquery/jquery-1.10.2.min.js"></script>

<script src="/lib/bt/js/bootstrap.js"></script>
于 2013-08-22T16:15:13.613 に答える