jquery - 无法在 jsfiddle.net 上重新创建 Twitter bootstrap popover 演示

Question

Twitter 有一个 JavaScript 插件，可以制作小弹出窗口(滚动到一个元素上，会弹出一个框，提供附加信息)。该插件还使用 bootstrap-twipsy.js 文件。

这里有一个演示 http://twitter.github.com/bootstrap/javascript.html如果您向下滚动到 Popovers 演示。

我已经在这个 fiddle http://jsfiddle.net/mjmitche/mT76T/16/ 复制了演示代码

我还包含了必要的文件(bootstrap-popver.js 和 bootstrap-twipsy.js)，但当我滚动时，弹出窗口不起作用。

谁能解释一下我做错了什么？

这是html

<a href="#" class="btn danger" rel="popover" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A title">hover for popover</a>

这是我添加的用于显示弹出窗口的 jquery 函数

    $(document).ready(function() {
   $('#blob').popover('show');
});

Answer 1

您不需要调用 $('#blob').popover('show')。这就是您手动触发弹出窗口的方式。

要简单地初始化弹出窗口，您应该调用 $('#blob').popover()，并传入您想要的任何选项。

你可以看到它在这个 JSFiddle 中工作:http://jsfiddle.net/mT76T/18/

专业提示:您可以简单地从下拉列表中使用 JSFiddle 的内置 onDomReady ，而不是将所有内容包装在文档就绪函数调用中。节省一些时间。