javascript - 谷歌翻译导致导航链接失败

标签 javascript sharepoint-2013 google-translate

我们已将谷歌翻译器添加到我们的共享点网站。但这导致我们的导航失败。转换后,翻译者将两个 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/

相关文章:

javascript - onclick 获取 child 的祖 parent

javascript - 使用 jQuery 将 div 定位到屏幕外的右侧

javascript - 使用包含撇号的值进行 REST 调用

ssl - Sharepoint 201 上的托管 CSOM。无法创建 SSL/TLS 安全通道

machine-learning - 与候选人一起翻译 API

javascript - 使用 greybox js 库使用 google tts 显示窗口

javascript - BigCommerce 添加事件菜单类

javascript - 如何以编程方式触发 Vuetify.js 组件的链式 react ?

excel - SharePoint 2013 导出到 Excel - "An unexpected error has occurred."

api - 离线语言翻译API