Korzystam z widżetu translatora google w jednej z moich witryn przy użyciu następującego kodu dostarczonego przez Google:

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<script>

Mój problem: tłumaczenie działa po załadowaniu strony, ale mam także skrypt, który automatycznie dobiera moje podstawowe elementy nawigacyjne na podstawie ich szerokości.

Działa to przed zakończeniem tłumaczenia, więc zmienia rozmiar na podstawie nieprzetłumaczonych angielskich etykiet. Gdy tłumaczenie zmieni słowo nawigacyjne, elementy nawigacyjne muszą zostać zmienione, aby pasowały do ​​nowo przetłumaczonych słów, ponieważ prawdopodobnie będą miały inny rozmiar (szerokość) niż angielski.

Próbowałem wywołać kod Google translate przed uruchomieniem kodu w celu zmiany rozmiaru podstawowej nawigacji, ale translacja działa asynchronicznie, więc mój kod jest uruchamiany przed zakończeniem tłumaczenia.

Czy wystąpiło zdarzenie wywołania zwrotnego po zakończeniu tłumaczenia (lub jakiś sposób na wykrycie zakończenia tłumaczenia), więc mogę poczekać, zanim spróbuję zmienić rozmiar nawigacji?

Muszę także uruchomić skrypt PO zakończeniu tłumaczenia.