Question

我已经尝试了很多种不同的解决方案，但我无法理解为什么我的引导弹出窗口无法正常工作。

我得到了： ReferenceError：$未定义为了

$(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 j.s

Answer 1

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

Answer 2

你必须在引用bootstrap.js之前引用之前的jquery 。像这样：

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

<script src="/lib/bt/js/bootstrap.js"></script>

Answer 3

在Script标签中将defer属性放在type属性之前，defer =＆＃39; defer＆＃39;在每个脚本中逐个呈现页面并检查弹出功能。

js中的某些时间功能写入相互冲突或不使用插件的更新文件。因此，为了使两个或多个文件不相互冲突，请将defer属性放在脚本标记中。

我希望它对你有用。

感谢。

Bootstrap pop-over未加载ReferenceError：未定义jQuery

3 个答案: