Как отобразить всплывающее окно, даже если кнопка еще не нажата?

Question

Я использую twitter-bootstrap.
В приведенном ниже коде включен popover, и он появляется, когда пользователь нажимает кнопку.

Я хочу отображать 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

Да, но почему вы повторяете поповер-контент как оба атрибута и содержимого в DIV ? (.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