Запустите Google Translate с помощью нажатия кнопки jQuery - PullRequest
Новая
       9

Запустите Google Translate с помощью нажатия кнопки jQuery

0 голосов
/ 05 января 2019

Я пытаюсь запустить перевод на испанский язык с помощью 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>

1 Ответ

0 голосов
/ 25 июля 2019

Вы можете добавить это в button функцию щелчка. 

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

Вот действительно хороший пример jsfiddle из @ solodev

...