Nuestros mejores desarrolladores han agotado sus provisiones de café, por su búsqueda día y noche por la respuesta, hasta que Felipe halló el hallazgo en Beanstalk así que en este momento la compartimos con nosotros.
Solución:
tendrás que pasar html
opción con valor true
mientras inicializa popover como sigue.
Manifestación
JS:
$("[data-toggle=popover]")
.popover(html:true)
HTML:
link on content" data-original-title="test title">test link
Simplemente use el attribute datos-html=”true”.
solía data-trigger="focus"
y tuve un problema con un enlace en el contenido de popover. Si se hace clic con el botón del mouse en el enlace y se mantiene presionado por un momento, la ventana emergente desaparece y el enlace ‘no funciona’. Algunos clientes se quejaron de eso.
HTML
link on content" data-original-title="test title">test link
JS
$("[data-toggle=popover]").popover(html:true)
Puedes reproducir el problema aquí.
Usé el siguiente código para solucionar el problema:
data-trigger="manual"
en html y
$("[data-toggle=popover]")
.popover( html: true)
.on("focus", function ()
$(this).popover("show");
).on("focusout", function ()
var _this = this;
if (!$(".popover:hover").length)
$(this).popover("hide");
else
$('.popover').mouseleave(function()
$(_this).popover("hide");
$(this).off('mouseleave');
);
);
Si te apasiona este mundo, tienes la opción de dejar una sección acerca de qué te ha gustado de esta división.