Question

Twitter有一个JavaScript插件，可以制作少量的弹出窗口（滚动一个元素，弹出一个框提供附加信息）。这个插件也使用bootstrap-twipsy.js文件。

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

我已经在这个小提琴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函数，用于显示popover

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

Answer 1

您无需致电 $('#blob').popover('show')。这就是你手动触发弹出窗口的方法。

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

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

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

Answer 2

请尝试此操作，例如http://jsfiddle.net/mT76T/17/

$(document).ready(function() {
           $(function () {
                $("#blob").popover({
                offset: 10
                    })

})
});

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

2 个答案: