Я использую виджет google translate на одном из моих сайтов со следующим кодом, предоставленным 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>

Моя проблема: перевод выполняется после загрузки страницы, но у меня также есть скрипт, который автоматически изменяет размеры моих основных элементов навигации в зависимости от их ширины.

Это выполняется до завершения перевода, поэтому его размер изменяется на основе непереведенных английских меток. После того, как перевод изменил формулировку навигации, необходимо изменить размеры элементов навигации, чтобы они соответствовали вновь переведенным словам, поскольку они, вероятно, будут отличаться по размеру (ширине) от английского.

Я пытался вызвать код перевода Google, прежде чем запустить код для изменения размера основной навигации, но перевод выполняется асинхронно, поэтому мой код запускается до завершения перевода.

Возникает ли событие обратного вызова, когда перевод завершен (или какой-то способ определить, когда перевод завершен), поэтому я могу подождать, прежде чем попытаться изменить размер навигации?

Также мне нужно запустить скрипт ПОСЛЕ того, как страница закончила перевод.