Есть html код с подключенными jquerry библиотекой и скриптом(оранжевая кнопка поднятие навверх).В codepen код работает а в Браузере нет.Вчем проблема?

Question

[ilya granovskyy]

Перепробывал все.Библитеку со Скриптом вставлял сначала перед боди> не работает ,потом пробовал перед хеад> тоже не работает.Проверил копипаст библиотеки и срипта все правильно проверил ошибок в коде не нашел.Вставил скрипи аллерт с авсплывающим окном он работает.Убрал весь код оставил только осеовное и добавил огромный текст чтобы был скролл все равно не работает.При чем в codepen код работает при нажатии на оранжевую кнопку сайт возвращается на самое начало.Все теги отерывающие и закрывающие тоже есть.Помогите в чем может быть проблема ни на однои браузере кнопка не работает ероме codepen?
https://codepen.io/ilyaaa/pen/qBadRNp?editors=1010
вот исходник с этого сайта взят код и делался по инструкции с него же https://www.templatemonster.com/blog/ru/sozdaem-kn...

Comments

[Владислав Черненко]

Непонятно что и куда вы там вставляете... на словах это одно, нужно помацать чтобы что-то подсказать...
В консоле смотрели? Какие ошибки?

[ilya granovskyy]

Владислав Черненко, я написал же выше вставляю сначала скрипт с библиотекой потом за ним скрипт с явакодом.Сначала пробовал сразу перед закрывающим тегом боди>,потом перед закрывающим тегом хеад>.Ни один способ не работет.Что за консоль вы имеете ввиду?

[Владислав Черненко]

ilya granovskyy, консоль в браузере, правой кнопкой "посмотреть код"... внизу консоль. Попробуйте без jQuery(document).ready(function() {... , просто вот так:

var btn = $('#button');  
  $(window).scroll(function() {     
    if ($(window).scrollTop() > 300) {
       btn.addClass('show');
     } else {
       btn.removeClass('show');
     }
   });
   btn.on('click', function(e) {
     e.preventDefault();
     $('html, body').animate({scrollTop:0}, '300');
   });

[ilya granovskyy]

[ilya granovskyy]

Владислав Черненко, убрал jquerry не работает

[ilya granovskyy]

Я уже разобрался ссылка на библтотеку не рабочая мне скинули с гугла другую все заработало!
вот она все равно савсибо за помощь

Answer 1

[Dalp]

У Вас JQuerry в html не подключен.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Или поставьте локально.

Comments

[ilya granovskyy]

а это что не jquerry ?

[Dalp]

ilya granovskyy, возможно cdn не рабочий. Я у себя поставил, в браузере работает.

[Dalp]

ilya granovskyy, Только увидел Ваш скриншот. В скрипте с src не следует писать скрипт. Лучше сделать:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
    //Ваш скрипт здесь
</script>

[ilya granovskyy]

пробовал не работает вот скрин

не работает

[Dalp]

ilya granovskyy, Зачем Вы убрали jQuery(document).ready(function()? Без этого Ваш скрипт будет выполняться ещё до подключения библиотеки.

[ilya granovskyy]

ilya granovskyy, я разобрался вы были правы cdn библиотека с ссылкой с сайта исходника не работает.Ваша ссылка на jquerry работает.Странно почему в codepenn она работала.Спасибо апм большое вы меня очень выручили.не судите строго верстаю три месяца с перерывами большими)Только учусь)СПАСИБО!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[Dalp]

ilya granovskyy, ilya granovskyy, Не за что, сайт как раз для таких случаев. Пометьте ответ как решение если не трудно. А в codepen JQuerry автоматически подключается.

[ilya granovskyy]

я тут новый как пометить ответ где это я сделаю?

[ilya granovskyy]

разобрался спасибо