jquery - Bootstrap 弹出窗口未加载 ReferenceError : jQuery is not defined

Question

多年来我一直在尝试各种不同的解决方案，但我无法弄清楚为什么我的 Bootstrap 弹出窗口不起作用。

我得到了: 引用错误:$ 未定义 对于

$(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();  
});  

如果您认为它们可能发生冲突，我还附加了其他 Bootstrap

Answer 1

指定的语言(区分大小写)不正确。它导致 this 不被解释为 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/$