Question

我正在使用twitter-bootstrap 下面的代码启用弹出窗口，并在用户按下按钮时显示。

我希望在加载页面时将popover显示为默认值。有可能吗？

<li>
    <a data-original-title="Popover on top" href="#" class="btn" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="">Popover on top</a>
    <div style="top: -58px; left: 58.7083px; display: block;" class="popover fade top in">
        <div class="arrow"></div>
        <h3 class="popover-title">Popover on top</h3>
        <div class="popover-content">Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</div>
    </div>
</li>

Answer 1

是的，但是为什么要重复使用popover-content作为div中的属性和内容？（.popover-content）这不是nessecary。

<a data-original-title="Popover on top" id="popover-on-top" href="#" class="btn" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="">Popover on top</a>

<script type="text/javascript">
$("#popover-on-top").popover('toggle');
</script>

Yuo甚至不需要准备好文件（）

Answer 2

是的，您可以调用此JavaScript：

$('#element').popover('show');

请参阅：http://twitter.github.com/bootstrap/javascript.html#popovers

即使没有按下按钮，如何显示弹出框？

2 个答案: