谷歌翻译器javascript不适用于移动设备

Google translator javascript not working on mobile

本文关键字：移动 适用于 不适用 翻译器 javascript 谷歌      更新时间：2024-06-30

你好，这是我的代码，请回复我。这段代码在所有桌面浏览器中运行良好，但在移动默认浏览器中没有得到任何输出。

谢谢。

        <!-- Use CSS to replace link text with flag icons -->
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
        <ul class="translation-links">
          <li><a href="#" class="spanish" data-lang="Spanish">Spanish</a></li>
          <li><a href="#" class="german" data-lang="German">German</a></li>
        </ul>
        hello
        how are you ?
        <!-- Code provided by 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, autoDisplay: false}, 'google_translate_element');
          }
        </script>
        <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
        <!-- Flag click handler -->
        <script type="text/javascript">
            $('.translation-links a').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>

当我们想让谷歌为浏览器和移动响应进行翻译时，我们也遇到了类似的问题。这个脚本的工作原理是，它每页只加载一次语言，并尝试在为google_translate_element找到的<span>选项卡中找到第一个具有id的元素，然后添加语言。我们通过使用JS删除为桌面添加的HTML块来解决这个问题，现在页面上只有一个google_translate_element，它显示了移动设备的语言。

if($(document).width() < '768') {
    $('#block-googletranslator').remove();
}
相关文章：