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

在引用 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>
于 2013-08-22T16:15:13.613 回答
0

在Script标签中将defer属性放在type属性之前，defer='defer'在每个脚本中一个一个地渲染页面并检查弹出功能。

有时，js 中写入的功能会相互冲突，或者不使用更新的插件文件。所以为了两个或多个文件不会相互冲突，请将 defer 属性放在 script 标签中。

我希望它对你有用。

谢谢。

于 2014-12-23T09:55:29.710 回答