jsfiddle上的bootstrap / jquery popovers

时间:2012-10-16 18:05:55

标签: jquery css twitter-bootstrap

我无法让bootstrap的popovers在jsfiddle上正常工作。

以下是链接:http://jsfiddle.net/fX7hn/17/

我已经从bootstrap CDN中包含了托管的bootstrap.css和boostrap.js,但我仍然收到错误,表明某些内容未正确加载:

Uncaught TypeError: Object [object Object] has no method 'popover'

有什么明显的吗?

UPDATE:修复了js lib的错误路径,错误消失了,但是弹出窗口仍无效。

1 个答案:

答案 0 :(得分:1)

由于某种原因,它没有正确包含它..

这是在HTML中:

<script type='text/javascript' src="http://fiddle.jshell.net/_display/"//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>

通过将以下内容添加到HTML

手动包含它
<script type='text/javascript' src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>

在放置任何将在页面上接受它的元素之前绑定click事件。移动

$("a.info").popover().click(function(e) {
    e.preventDefault()
});

到底。