Google Translator导致导航链接失败

时间:2014-12-29 03:59:08

标签: javascript sharepoint-2013 google-translate

我们已将google翻译器添加到我们的sharepoint网站。但它导致我们的导航失败。转换后,翻译器会为每个元素添加两个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后删除这些标签?

先谢谢。

1 个答案:

答案 0 :(得分:2)

我们可以使用以下脚本来解决此问题,该问题不会覆盖任何Google翻译器添加的功能。 它将根据类选择元素,并将所有子元素的链接设置为父链接“href”值,

$(document).ready(function () {
$(".menu-item-text").on("click", function (event) {
    location.href = $(this).parent().parent().attr("href");
});
});