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