Блог

Главная - Вопросы по программированию - Пользовательские флаги для перевода jQuery не работают

Пользовательские флаги для перевода jQuery не работают

#jquery #html #google-translate

#jquery #HTML #google-translate

Вопрос:

Несколько дней назад я нашел некоторый код для перевода веб-страницы с помощью функций googleTranslateElementInit(). Итак, я здесь, после попытки отредактировать свой код флага в jQuery, который я нашел. 

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

<!-- Flag click handler -->
<script type="text/javascript">
    $('#vlaggetjes img').click(function() {
      var lang = $(this).data('lang');
      var $frame = $('.goog-te-menu-frame:first');
      if (!$frame.size()) {
        alert("Error: Could not find Google translate frame.");
        return false;
      }
      $frame.contents().find('.goog-te-menu2-item span.text:contains(' lang ')').get(0).click();
      return false;
    });
</script>

Вот флаги, на которые я хочу нажать.. 

 <div id="vlaggetjes">
            <img src="img/nl.png" class="vlag" id="nederlands" alt="nl" data-lang="Dutch">
            <img src="img/du.png" class="vlag" id="duits" alt="du" data-lang="German">
            <img src="img/eng.png" class="vlag" id="engels" alt="eng" data-lang="English">
</div>

Может кто-нибудь сказать мне, почему это не работает? И почему окно выбора Google по-прежнему отображается в левом нижнем углу страницы?

Я установил свое тело в качестве элемента, который будет переведен следующим образом:

 <body id="google_translate_element">

Сайт на голландском языке, и ему нужны варианты перевода на английский и немецкий.

ПРОСМОТР: http://athena.fhict.nl/users/i304115/Lpf /

Приветствую!