2012-04-23 92 views
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> 
+0

看起来像popover库没有正确加载,你确定的网址是正确的? – 2012-04-23 10:03:15

+0

src是正确的,:) – Adham 2012-04-23 10:04:46

+0

@Bader删除所有松散的引导程序插件脚本,并保持'bootstrap.js'脚本完好无损,脚本文件随附已包含在内的所有插件。 – 2012-04-23 10:33:51

回答

1

这工作:

http://jsfiddle.net/9W53Q/7/

编辑:http://jsfiddle.net/9W53Q/272/

确保以正确的顺序被添加的resoures(提示第一)。 或者像Richard Dalton建议的(我建议),只需使用编译好的bootstrap.js文件即可。

$(document).ready(function() { 
    $('a[rel=popover]').popover(); 
}); 
+0

无法正常工作,与2014年10月一样,出现与OP相同的错误 – minexew 2014-10-31 09:28:19

+0

鉴于这是一个2岁的示例,JSHint Bootstrap引用已不再可用,请确保您检查答案的日期,因为问题相当明显。我已更新到最新版本。 – Terry 2014-10-31 22:09:32

2

这发生在我身上的ASP.NET MVC 4.在项目中,我在<head>

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

无论是在我的网页的顶部,然后又把这些小@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"> 

在页面的底部。这使浏览器感到困惑,它也让我感到困惑。