Question

前几天我找到了一些使用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>

有人可以告诉我它为什么不起作用吗？为什么谷歌选择框仍然显示在页面的左下角？

我已将我的身体设置为要翻译的元素：

<body id="google_translate_element">

该网站是荷兰语，需要英语和德语翻译。

PEVIEW： http://athena.fhict.nl/users/i304115/Lpf/

问候！

翻译jQuery的自定义标志不起作用

0 个答案: