html - 即使尚未按下按钮，如何显示弹出框？

Question

我正在使用 twitter-bootstrap。
下面的代码启用了弹出框，它会在用户按下按钮时出现。

我想在页面加载时默认显示弹出框。是否可以？

<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

是的，但是你为什么要在 div 中重复 popover-content 作为属性和内容呢？( .popover-content) 这不是必需的。

<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>

你甚至不需要放入文件准备好（）

Answer 2

是的，你可以调用这个 JavaScript：

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

见：http: //twitter.github.com/bootstrap/javascript.html#popovers