Question

我在我的网站上使用谷歌翻译，在将页面翻译成另一种语言时，可以选择不显示te topribbon或指向谷歌翻译。现在如果我选择显示顶部功能区然后在此功能区中有一个重置按钮以显示原始语言，但现在当我没有显示此功能区时，除了从下拉列表中选择我的语言之外无法显示原始语言，但如果我这样做，如果你知道我的意思，它将是翻译的翻译？所以有些词会显示错误。所以我想要的是一个重置按钮，我可以，但在我用于谷歌翻译下拉列表的代码中：

<div id="google_translate_element"></div>
<script type="text/javascript">
   function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'sv'}, 
                                            'google_translate_element');

      jQuery('.goog-logo-link').css('display', 'none');
      jQuery('.goog-te-gadget').css('font-size', '0');
   }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<style type="text/css">
.goog-tooltip {
   display: none !important;
}
.goog-tooltip:hover {
   display: none !important;
}
.goog-text-highlight {
   background-color: transparent !important;
   border: none !important; 
   box-shadow: none !important;
}
iframe.goog-te-banner-frame {
   display: none !important;
}
body {
   position: static !important; top:0px !important;
}
</style>

Answer 1

即使您将色带设置为风格，它仍然存在于DOM中。您可以使用jQuery假设点击（隐藏）重置按钮：

jQuery('#\\:1\\.container').contents().find('#\\:1\\.restore').click();

不幸的是我无法使用Stack Snippet演示它（'允许 - 同源'在沙箱中不起作用），但这个小提琴有效：
https://jsfiddle.net/xpvt214o/239032/

如何为Google翻译制作重置按钮

1 个答案: