Bootstrap info-bulle de ne Pas Travailler avec la Police Génial Icône
Je suis en utilisant bootstrap info-bulle, mais je n'arrive pas à le faire fonctionner avec une police génial icône.
Je peux obtenir que cela fonctionne:
<a data-container="body" data-toggle="popover" data-placement="top" title="Other Prep" data-content="Indicates whether or not this product get other prep before shipment" data-original-title="">Info</a>
Mais cela ne fonctionne pas:
<a data-container="body" data-toggle="popover" data-placement="top" title="Other Prep" data-content="Indicates whether or not this product get other prep before shipment" data-original-title=""><i class="fa fa-info-circle"></i></a>
Voici mon code javascript:
$(function(){
$('[data-toggle="popover"]').popover();
$('body').on('click', function (e) {
if ($(e.target).data('toggle') !== 'popover'
&& $(e.target).parents('.popover.in').length === 0) {
$('[data-toggle="popover"]').popover('hide');
}
});
});
Quelqu'un aurait-il toute l'aide qu'ils peuvent tirer de moi pour m'aider à comprendre pourquoi cela ne fonctionne pas.
Merci!
OriginalL'auteur LargeTuna | 2014-08-27
Vous devez vous connecter pour publier un commentaire.
Vous devez définir l'icône d'un
inline-block
en css:Aussi, vous devez définir cette option à la liste:
Violon: http://jsfiddle.net/ndzqqhfz/2/
OriginalL'auteur GlabbichRulz
Selon Bootstrap est la documentation. Vous devez les initialiser l'info-bulle & liste des fonctionnalités.
Par la manière, vous n'avez pas besoin des éléments HTML ET le Javascript. Juste l'un ou l'autre. Je pense (pas sûr en totalité) de votre icône ne peut pas travailler parce qu'il rend avec rien entre vos tags. Vous pourriez essayer de mettre un
.J'ai pu obtenir que cela fonctionne:
<i class="fa fa-info-circle" data-toggle="tooltip" data-placement="left" title="Tooltip on left"></i>
OriginalL'auteur Andrew Crawford
Semble que j'ai juste besoin de retirer le [a] de la balise entourant le [i] de la balise comme ceci:
OriginalL'auteur LargeTuna