JavaScript не работает в моем браузере, но работает в CodePen

-2

Это очень странно, и, поскольку у меня пока не так много опыта, я не понимаю, проблема моего JavaScript не работает. Я сделал кнопку ToTop.JavaScript не работает в моем браузере, но работает в CodePen

В CodePen он отлично работает. Когда я прокручиваю вниз, он исчезает в &. CodePen: http://bit.ly/1ttnjRi

Но в Chrome он ничего не делает. Кроме того, я отправил все файлы другу, и у него была такая же проблема.

Может кто-нибудь мне помочь? Благодаря!

UPDATE:

Debug консоль дает следующее: Uncaught ReferenceError: $ не определен

P.S. Какова цель голосования? Возможно, я не единственный новичок, столкнувшийся с этой проблемой. Я полагаю, что stackoverflow - это помогать друг другу в неудобном кодировании, а не хвастаться тем, что он знает что-то большее и из-за того, что он высокомерный. Хорошего дня! :)

источник

2014-11-02 Roland Jegorov

Первое, что нужно сделать, это поднять консоль отладки JavaScript. В Chrome вы можете сделать это, щелкнув правой кнопкой мыши в окне браузера и выбрав «проверить элемент». Затем выберите консоль и посмотрите, есть ли какие-либо ошибки. –

@BrianHoover это дает это - Uncaught ReferenceError: $ не определен –

Это обычно означает, что вы не включаете jQuery – dave

Вам нужно включить JQuery, добавив в ваш HTML:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

источник

2014-11-02 19:52:27 dave

Включено. Без изменений. Still: Uncaught ReferenceError: $ не определен. Обновленный код - http://bit.ly/13wgnue –

Но кодировка была уже прекрасна, не так ли? Я имею в виду, что в вашем локальном коде вам нужно добавить эту строку. Теперь ваш codepen имеет две копии jQuery. – dave

Мой друг решил проблему с использованием такого метода -

.И да, косепен был в порядке, что было странно для меня. –

Здесь вы зависимости от головы тега:

<script type="text/javascript" src="../js/codeAcademy.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

Как вы можете видеть, что вы загружаете. ./js/codeAcademy.js, который использует jQuery, тогда вы загружаете библиотеку jQuery. Вы не можете использовать jQuery, пока он не будет полностью загружен.

Почему это работает на codepen? Как вы можете видеть из источника страницы, codepen скопировал ваши теги скриптов из головы и вставил их в тело, а также создал тег сценария внизу с кодом codeAcademy.js. Поэтому, когда загружается страница, он пытается загрузить и выполнить файл codeAcademy.js, и он терпит неудачу, затем он загружает jQuery и, наконец, запускает скрипт снизу.

Также неплохо вставить javascript в нижней части страницы.

источник

2014-11-02 19:55:15

Вставка javascript внизу работала для меня. Благодаря! – khailcs

Да, $ не определен, является JQuery missing.But выбрать версию JQuery вы использовали, чтобы сделать кнопку, если вы выбрали версии 2,0 затем придерживайтесь его для будущего тоже работает.

источник

2014-11-02 19:55:16

JavaScript не работает в моем браузере, но работает в CodePen

ответ

Смежные вопросы