JQuery не работает после добавления переводчика Google на мою страницу - PullRequest
Новая
       11

JQuery не работает после добавления переводчика Google на мою страницу

0 голосов
/ 11 октября 2018

Я добавил переводчик Google на свой сайт, который я разрабатываю на HTML.Теперь меню мобильной навигации не работает, а JQuery не работает со страницами.

Вот ссылка на мой сайт: http://maverickbuzz.com/ekodio

Может кто-нибудь подсказать мне, где я не прав!

Вот код, который я добавил на сайт 

 <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>

Ответы [ 2 ]

0 голосов
/ 11 октября 2018

Всегда проверяйте консоль на наличие ошибок. 

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, поскольку, очевидно, они не существуют по указанному вами пути.

Убедитесь, что файлы находятся в ваших папках, и убедитесь, что пути к указанным файлам указаны правильно.

0 голосов
/ 11 октября 2018

попробуйте добавить скрипт до окончания тега 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>
...