Элемент Google translate - загрузка после загрузки страницы - PullRequest
Новая
       21

Элемент Google translate - загрузка после загрузки страницы

0 голосов
/ 02 ноября 2011

Я использую элемент веб-перевода Google на своей странице.Для тех, кто не знает, что это такое, вы можете найти его здесь: http://translate.google.com/translate_tools

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

Как я могу отложить запуск JavaScript, пока моя страница не загрузится полностью ??

Это скрипт: 

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    includedLanguages: 'da,nl,en,fi,fr,it,no,ru,es,sv',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Ответы [ 2 ]

2 голосов
/ 11 июня 2014

Другой способ - асинхронная загрузка Google Translate. 

<div class="custom-translate" id="google_translate_element"></div>

<!-- ASYNCHRONOUS Google Translate -->
        <script type="text/javascript">
        function googleTranslateElementInit() {
          new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false},'google_translate_element');
        }

        (function() {
          var googleTranslateScript = document.createElement('script');
          googleTranslateScript.type = 'text/javascript';
          googleTranslateScript.async = true;
          googleTranslateScript.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
          ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( googleTranslateScript );
        })();
        </script>   
    <!-- End script -->
2 голосов
/ 03 ноября 2011

Как прокомментировал Джон Конде, я поместил сценарий внизу страницы, и эй presto, загрузка страницы

...