相关疑难解决方法(0)

目前,我正在使用此处的简单Google翻译下拉菜单:http: //translate.google.com/translate_tools

我还希望能够点击我拥有的一些旗帜图标,并触发谷歌翻译小部件中基于文本的链接调用的相同javascript调用.

任何人都有关于如何实现这一点的想法？我无法弄清楚如何点击标志启动与点击谷歌翻译文本链接相同的行为.

我最近看到一个网站在他们的页面中使用了谷歌翻译,但他们没有使用小部件,而是通过链接列出了可用的语言.单击链接并翻译页面.

有没有人这样做过？我试图解析整个页面以弄清楚它是如何完成的,但是我没有看到与使用小部件时有太大不同.这是我的一些代码:

<h3>Translate</h3>
<ul class="google-translate-six">
    <li><a href="?/#googtrans(en|es)" title="View this site in Spanish.">Español</a></li>
    <li><a href="?/#googtrans(en|zh-CN)" title="View this site in Chinese.">??</a></li>
    <li><a href="?/#googtrans(en|it)" title="View this site in Italian.">Italiano</a></li>
    <li><a href="?/#googtrans(en|pl)" title="View this site in Polish.">Polskie</a></li>
    <li><a href="?/#googtrans(en|ht)" title="View this site in Haitian Creole.">Kreyòl Ayisyen</a></li>
    <li><a href="?/#googtrans(en|pt)" title="View this site in Portuguese.">Português</a></li>
    <li><a href="?/#googtrans(en|en)" title="View this site in English.">English</a></li>
</ul>

<script type="text/javascript">
    function googleTranslateElementInit() {
    new google.translate.TranslateElement({
    pageLanguage: 'en',
    autoDisplay: false,
    gaTrack: true,
    gaId: 'wewe',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
    }, 'google_translate_element');
  }
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> …

是否可以使用JQuery <p>从<select>下拉列表中动态选择所需语言来更改段落标记内的内容 语言 ？此外,该段落包含contenteditable="true"允许编辑所需的语言.

的jsfiddle

因此,我创造了一个小提琴,以便更好地理解我想要解决的问题.如果可以提供更新的小提琴,我将非常感激,因为我还是新编码.

谢谢!

HTML:

 <select>
    <option disabled selected>
        Change Language of Text
    </option>
    <option>
        English [Default]
    </option>
    <option>
        Chinese
    </option>
    <option>
        Japanese
    </option>
    <option>
        French
    </option>
    <option>
        Spanish
    </option>
</select>
<hr>
<h4><b>Change below text to language from dropdown list
dynamically:</b></h4>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus
nulla velit, eget mattis ligula lobortis consectetur. Aenean dictum libero
vel augue faucibus, nec sodales enim ultricies. Cras sollicitudin volutpat …