使用按钮单击 jQuery 触发 Google 翻译答案

【问题标题】：Trigger Google Translate with button click jQuery使用按钮单击 jQuery 触发 Google 翻译
【发布时间】：2019-05-31 21:53:19
【问题描述】：

我正在尝试使用 Google Translate 触发西班牙语翻译，并找到了一些使用 jQuery 执行此操作的选项。我已经能够让它从下拉列表中选择西班牙语，但它不会触发更改事件来启动翻译过程。有人可以看看这个并告诉我我做错了什么吗？

谢谢

<!DOCTYPE html>
<html lang="en-US">
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $('.goog-te-combo').change(function(){
		var data= $(this).val();
  		alert(data);            
	});
	$('.goog-te-combo')
    	.val('es')
    	.trigger('change');
     });
});
</script>

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

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

</head>

<body>

<div id="google_translate_element"></div>

<h2>This is a test.</h2>
<p>Trying to accomplish translating this text into Spanish using Google Translate via a button click.</p>
<p>Just some random text to make sure this works.</p>

<button>Hablamos Espanol</button>

</body>
</html>

【问题讨论】：

标签： javascript jquery html google-translate translate

【解决方案1】：

你可以在button点击函数中添加这个。

window.location = "#googtrans(en|es)";
location.reload();

Here's 来自@solodev 的一个非常好的 jsfiddle 示例

【讨论】：