Saltar al contenido

Bootstrap Popover: ¿cómo agregar un enlace en el popover de texto?

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *