Bootstrap 4 tooltipy przestają działać po wywołaniu jquery-pjax AJAX

Question

Jestem nowicjuszem javascript i mogę skorzystać z Twojej pomocy. Po raz pierwszy moi strona PJAX ładunki, moje podpowiedzi działa:

$(document).ready(function() { 
$(document).pjax('a', '#main', {cache: false}); 
$('[data-toggle="tooltip"]').tooltip(); 
} 

one utknąć chyba wykonaj następujące czynności:

$(document).on('pjax:start', function(event) { 
$('[data-toggle="tooltip"]').tooltip('dispose'); 
}); 

Próbowałem ponownie zainicjować je na pjax: koniec czy pjax: kompletne bez szczęścia. Dostaję dziwnie wyglądającą etykietkę narzędziową, jeśli długo trzymam wskaźnik myszy, ale nie etykietkę programu startowego.

Jak zainstalować ponownie podpowiedzi po zakończeniu XHR?

Bootstrap v4.0.0-beta.2 https://v4-alpha.getbootstrap.com/components/tooltips/

https://github.com/defunkt/jquery-pjax

Answer 1

Użyłem bloku skryptu poza moim kontenerem pjax #main. Kiedy przestawiam kod poniżej najniższego najniższego bloku skryptu, który wrócił do kontenera, życie jest dobre. Etykieta narzędzia nie jest zablokowana, gdy używam skrótu klawiaturowego do nawigacji AJAX lub gdy klikam pole wyboru z podpowiedzią. Etykieta narzędzia jest etykietą ładowania początkowego, kiedy po raz pierwszy ładuję stronę i kiedy używam AJAX, aby dotrzeć do strony. (Nie jestem pewien, czy potrzebuję wywołania off(), ale nie powinno to boleć.)

$('[data-toggle="tooltip"]').tooltip(); 
$(document).off('pjax:start'); 
$(document).on('pjax:start', function(event) { 
    $('[data-toggle="tooltip"]').tooltip('dispose'); 
}); 

Answer 2

wykonuje następujące prace?

$(document).ready(function() { 
    $(document).on('pjax:success', 'a[data-pjax]', function(event) { 
    $('[data-toggle="tooltip"]').tooltip('dispose'); 
    $('[data-toggle="tooltip"]').tooltip();  
    }); 
    $(document).pjax('a', '#main', {cache: false}); 
});