Jak powiązać bootstrap podpowiedź na elementach dynamicznych

Question

Podczas korzystania Bootstrap podpowiedź, musimy napisać coś takiego mieć funkcjonalność podpowiedzi:

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

Ale problem jest, musimy ponownie uruchomić, że kod za każdym razem, gdy nowy zawartość jest ładowana za pośrednictwem ajax. Czy jest jakiś sposób uruchomienia kodu na raz i automatyczne zastosowanie etykiety narzędziowej po załadowaniu nowego elementu?

Dziękuję.

Answer 1

Musisz użyć właściwości selector. zobaczyć na documentation:

„Jeśli przełącznik jest, obiekty etykietka zostaną przekazane określonych celów w praktyce ta służy do włączania Dynamiczny HTML treść mieć podpowiedzi dodaje See.. this i informative example. "

JS przykładowy kod:

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

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

DEMO

Answer 2

Spróbuj tego:

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