twitter-bootstrap - content - popover bootstrap ejemplo

El pop-over de Twitter Bootstrap no se carga

Question

¿Qué estoy haciendo mal aquí?

Lo intenté en un proyecto más grande y tampoco pude hacerlo funcionar

ver mi jsfiddle

http://jsfiddle.net/keithmancuso/24RQM/

ACTUALIZACIÓN: vale, entonces lo tengo funcionando si agrego manualmente $ (". Pop"). Popover (); pero ¿tengo que ponerlos de esa manera?

Creo que la respuesta es sí ... tienes que inicializarlos en tu propio código para que funcione ... la forma más fácil que he encontrado para hacerlo es simplemente agregar

$(function() {
$(''a[rel="popover"]'').popover();
});

Answer 1

Por lo que vale, respondí una pregunta similar aquí sobre cómo usar los selectores a con la función bootstrap tabs() . Apuesto a que popover() es similar.

Answer 2

Tuve un problema similar. Estaba buscando una versión sin Javascript de la ventana emergente de arranque, pero no parece posible. Si miras el origen de la página de http://twitter.github.com/bootstrap/javascript.html#popover en la línea 709-718, verás que el ejemplo hace algo similar:

Aquí hay una versión simplificada que funciona para mí

<a href="#" class="btn danger"
rel="popover"
data-original-title="title"
data-content="content">popover</a>
<script>
$("a[rel=popover]").popover();
</script>

Editar: para versiones recientes de twitter boostrap (ahora 2.2.1), es posible que se encuentre con un problema en el que cuando hace clic en un enlace de popover, se lo lleva al principio de la página. Esta respuesta también podría ser beneficiosa https://.com/a/13759775/341692 . Básicamente, tu js debería ser ahora

<script>
$("a[rel=popover]")
.popover()
.click(function(e) {
e.preventDefault();
});​
</script>

Answer 3

Vea mi respuesta a una pregunta similar para hacer que popover y tooltip funcionen con el marcado justo como los otros complementos de Bootstrap:

¿Cómo funciona Twitter Bootstrap jQuery Elements (información sobre herramientas, popover, etc.)?