我们已将谷歌翻译器添加到我们的共享点网站。但这导致我们的导航失败。转换后,翻译者将两个 html 标签添加到每个元素。
翻译前:
<span class="menu-item-text">Who We Are</span>
翻译后:
<span class="menu-item-text"><font><font class="">हम कौन हैं</font></font></span>
Google 翻译母版页中的代码:
<script type="text/javascript">//<![CDATA[
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');}
//]]>
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">//<![CDATA[ //]]>
</script>
我已手动删除这些标签,这使得导航再次正常工作。您对此有什么解决方法吗? 通过 JavaScript 进行翻译后是否可以删除这些标签?
提前致谢。
最佳答案
我们可以使用以下脚本来解决此问题,该问题不会覆盖任何 Google 翻译器添加的功能。 它将根据类选择元素,并将所有子元素的链接设置为父链接“href”值,
$(document).ready(function () {
$(".menu-item-text").on("click", function (event) {
location.href = $(this).parent().parent().attr("href");
});
});
关于javascript - 谷歌翻译导致导航链接失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27683200/