Javascript 谷歌翻译中断了导航链接

谷歌翻译正在破坏我手机菜单中我的子导航元素中的链接。当我将鼠标悬停在项目上时，我会看到链接，但当我单击时，什么也不会发生。我在检查Google Translate在元素周围放置了一系列标记的代码时看到了这一点，所以这可能是导致它的原因？我怎么修理它？以下是我正在使用的谷歌翻译代码：

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'zh-CN,zh-TW,en,tl,ja,ko,es,vi', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } </script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<style>
iframe.goog-te-banner-frame{ display: none !important;}
body {position: static !important; top:0px !important;}
.goog-te-gadget-simple .goog-te-menu-value span { text-decoration: none!important; font-family: 'ubuntulight'!important; font-size: 14px!important; color: #ffffff!important; padding-right: 5px!important;}  
.goog-te-gadget-simple{background-color: transparent !important; border: none !important;;}
.goog-te-gadget img {display: none!important; }
.goog-tooltip { display: none !important; }
.goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }
.goog-te-gadget-simple .goog-te-menu-value {text-decoration: none!important; }
</style>

<div style="float: right!important;  padding-top: 1.5px!important;" id="google_translate_element"></div>

函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，includeLanguages:'zh CN，zh TW，en，tl，ja，ko，es，vi'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；}
iframe.googte横幅框架{显示：无！重要；}
正文{位置：静态！重要；顶部：0px！重要；}
.goog te gadget simple.goog te菜单值span{文本装饰：无！重要；字体系列：“ubuntulight”！重要；字体大小：14px！重要；颜色：#ffffffff！重要；右填充：5px！重要；}
.goog te gadget simple{背景色：透明！重要；边框：无！重要；；}
.goog te gadget img{display:无！重要；}
.goog工具提示{显示：无！重要；}
.goog工具提示：悬停{display:none！重要；}
.goog文本高亮显示{背景色：透明！重要；边框：无！重要；框阴影：无！重要；}
.goog te gadget simple.goog te菜单值{文本装饰：无！重要；}

这是它所在的那一页

我发现另一篇帖子建议使用类似的方法来修复它，但我无法让它工作

<script>
$(document).ready(function () {
$(".menufication-child-menu.menufication-menu-level-1 li").on("click", function (event) {
    location.href = $(this).parent().parent().attr("href");
});
});
</script>

$（文档）.ready（函数（）{
$（.menufication-child-menu.menufication-menu-level-1 li”）。在（“单击”上，函数（事件）{
location.href=$（this.parent（）.parent（）.attr（“href”）；
});
});