Saltar al contenido

Bootstrap data-trigger = “focus” no funciona

Solución:

Usar data-trigger="focus" atributo en la ventana emergente de arranque que necesita usar tabindex="0". así – (editado para cambiar tab-index a tabindex)

<a tabindex="0" data-toggle="popover" data-placement="left" data-trigger="focus" data-title="Membership history for Fred Smith" data-html="true" data-content="<table><thead><tr><th class="col-md-2 text-left">Renewed</th><th>Expiration</th><th>Type</th></tr></thead><tbody><tr><td>12/09/2016</td><td>12/31/2017</td><td>1-Year Individual</td></tr></tbody></table>"><span class="glyphicon glyphicon-info-sign" style="color:grey;"></span></a>

¡Espero que esto ayude!

data-trigger = “foco” no funciona, sucedió cuando usa popover en anclas o tramos.
(data-trigger = “focus” funciona correctamente cuando usas el botón emergente para).

Entonces, en este caso, debes agregar tabindex = “- 1” o tabindex = “0” para etiquetas de anclaje o de tramos.

  • tabindex = “0” aparece con un huésped
  • tabindex = “- 1” aparece sin un huésped

P.ej. <a data-toggle="popover" tabindex="-1" data-trigger="focus"> Click here</a>

¡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 *