Comment lier bootstrap info-bulle sur les éléments dynamiques

Lors de l'utilisation de Bootstrap info-bulle, nous avons besoin d'écrire quelque chose comme ceci et la fonctionnalité d'info-bulle:

$(".showtooltip").tooltip();

Mais le problème est, nous avons besoin de relancer ce code à chaque fois que du nouveau contenu est chargé via ajax. Est-il de toute façon à exécuter le code pour une fois et d'appliquer automatiquement l'info-bulle lorsque l'élément nouveau est chargé?

Merci.

OriginalL'auteur user1995781 | 2014-07-09

  1. 29

    Vous devez utiliser selector de la propriété.
    Voir sur le la documentation :

    "Si un sélecteur est fourni, l'info-bulle des objets sera déléguée à la
    des objectifs spécifiques. Dans la pratique, ce est utilisé pour activer le HTML dynamique
    contenu pour avoir les info-bulles ajouté. Voir cette et un instructif
    exemple    ."

    JS exemple de code :

    $('body').tooltip({
    selector: '.createdDiv'
});

$('#add-button').click(function() {
    $('<div class="createdDiv" data-toggle="tooltip" title="Some tooltip text!">Hover over me</div>').appendTo('#container');
});

    DÉMO

    Merci ça m'aide
    J'avais besoin de la select: '.classname' pour que mine de travailler. Je suis à l'aide d'un guidon pour charger dynamiquement des modèles et de les remplir avec des appels ajax. Alors que les info-bulles sont de travail sur les éléments chargés sur le chargement initial de la page, ils n'étaient tout simplement pas de travail sur la dynamique des éléments jusqu'à ce que j'ai ajouté sur le sélecteur. Je vous remercie.

    OriginalL'auteur Elfayer

  2. 18

    Essayez ceci: 

    $('body').tooltip({
    selector: '[data-toggle="tooltip"]'
});

    OriginalL'auteur Aliti