12

我在我的网站上使用谷歌翻译，当将页面翻译成另一种语言时，可以选择不显示 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>
4

1 回答 1

5

即使您取消了功能区的样式，它仍然存在于 DOM 中。您可以使用 jQuery 来伪造单击（隐藏的）重置按钮：

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

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

于 2018-06-15T11:51:57.020 回答