Question

我已将Google Translator添加到我正在以HTML开发网站的网站中。现在，移动导航菜单不起作用，而且JQuery也不对页面起作用。

有人可以建议我哪里错了！

这是我添加到网站上的代码

 <li>
    <div id="google_translate_element"></div>
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'en',
                includedLanguages: 'de,en,ja,ko',
                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>
</li>

Answer 1

尝试在HTML body标签结束之前添加脚本。

<!DOCTYPE html>
<html lang="en-US">
<body>


<span>Lets Translate this</span>

<ul>
 <li>
    <div id="google_translate_element"></div>   
 </li>
</ul>

<script type="text/javascript">
function googleTranslateElementInit() {

  new google.translate.TranslateElement({
                pageLanguage: 'en',
                includedLanguages: 'de,en,ja,ko',
                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>

</body>
</html>

Answer 2

始终检查控制台中的错误。

counter.css:1 Failed to load resource: the server responded with a status of 404 (Not Found)
jquery-ui-min1.11.2.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
jquery-1.12.0.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
(index):37 GET http://maverickbuzz.com/ekodio/home/js/jquery-ui-min1.11.2.js 404 (Not Found)

如您所见，您的站点无法加载jQuery之类的依赖项，因为显然它们在您指定的路径中不存在。

验证文件在您的文件夹中，并确保指向所述文件的路径正确。

将Google翻译添加到我的页面后，jQuery无法正常工作

2 个答案: