0

Tengo el siguiente contenido

 <div class="container">
            <a href='#' data-bs-toggle="popover" title="<?=$nombrep?>"
                data-bs-content="<a href='<?= base_url() ?>Grafico/<?= $idp  ?>' class='btn btn-success'>Ver</a>">
                <img src='<?= base_url() ?>assets/img/fotosPerfil/<?= $principalp  ?>' class='imgRedonda' /></a>
        </div>

el problema que tengo, es lo que hay dentro de data-bs-content no me lo convierte en un enlace para que las personas opriman y se redirigan al enlace que quiero.

estoy usando el javascript

$(document).ready(function(){
    $('[data-toggle="popover"]').popover();  
    $('[data-toggle="popover"]').on('data-bs-content', function () {
        var popover = $(this).next();
        var content = popover.find('.data-bs-content');
        content.html("<a href='https://www.myconnectmind.com/Grafico/11'>Link dentro del popover</a>");
    });
});

para que me convierta la etiqueta adentro.

introducir la descripción de la imagen aquí

pero me sigue apareciendo de esta manera

0

1 respuesta 1

1

Tal como indica la documentación tienes que poner data-bs-html="true" para que acepte contenido como HTML

Demo:

var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  return new bootstrap.Popover(popoverTriggerEl)
})
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"/>


<button type="button" class="btn btn-primary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-html="false" data-bs-content="<a href='https://www.myconnectmind.com/Grafico/11'>Link dentro del popover</a>" >
 data-bs-html="false"
</button>

<button type="button" class="btn btn-primary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-html="true" data-bs-content="<a href='https://www.myconnectmind.com/Grafico/11'>Link dentro del popover</a>" >
  data-bs-html="true"
</button>

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.