[英]Trigger Google Translate with button click jQuery
我正在尝试使用谷歌翻译触发西班牙语翻译,并找到了一些使用 jQuery 的选项。 我已经能够从下拉列表中将其转换为 select 西班牙语,但它不会触发更改事件来启动翻译过程。 有人可以看看这个并告诉我我做错了什么吗?
谢谢
<.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>
还有另一种方法可以在 Google 翻译元素上触发更改事件。
// Create a new onchange event and trigger it
const triggerEvent = (element,eventName) =>{
const event = new Event(eventName);
element.dispatchEvent(event);
};
// triggers onchange event on <select>
triggerEvent(document.querySelector('.goog-te-combo'),'change');
查看此小提琴以获取更多信息:谷歌翻译
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.