Функция нажатия в Jquery не работает во время использования на компьютере

Question

Сегодня я делал эти сайты немного, так как я возвращался к созданию сайтов. Я пытаюсь использовать jquery и даже пробовал чистый JavaScript, чтобы заставить эту кнопку щелчка работать. Я прошел, скопировал и вставил весь код этой страницы в jsfiddle, и по какой-то причине он отказывается работать в моем коде, но работает просто отлично, когда я помещаю его в jsfiddle.

Поэтому, когда вы нажимаете кнопку навверху справа, это даст div ниже нового класса. Вы можете видеть, что он работает здесь в jsfiddle, но по какой-то причине он отказывается работать в моей копии на моем компьютере.

Моя html-страница корректно загружает jquery, потому что я уже использовал .resize (), но отказываетсяпозвольте мне использовать любую версию клика любым способом или в любой форме.

Кто-нибудь знает, что может привести к прекращению работы этой функции клика?

  // find elements
 var banner = $("#banner-message")
 var button = $("button")

 // handle click and add class
 button.on("click", function(){
   banner.addClass("alt")
 })

https://jsfiddle.net/nathanahartmann/a3s9zjk6/3/

Answer 1

Плагины для браузера? Я знаю, что выстрелил себе в ногу, потому что мои плагины для блокировки рекламы или социальных сетей мешают работе с фреймворками и другим поведением java-скриптов.

Answer 2

Самое странное, это когда я ссылаюсь на Jquery в связи с моим javascript. По какой-то причине я просто опубликовал

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

во второй раз ниже, чтобы посмотреть, что он будет делать, и по какой-то причине он начал работать. Не совсем уверен, почему он это делает, но по какой-то причине это сработало. Это как-то неправильно ссылается на Jquery?

Answer 3

Кажется, теперь работает нормально: JS Fiddle

Вы пропустили много '; во всей этой функции:

var banner = $("#banner-message");
var button = $("#rHotBar");

// handle click and add class
button.on('click', function(){
  banner.addClass("alt");
});

Аналогично, вы былиссылаясь на изображение для var button, а не на внешний класс, щелчок регистрировался на внешнем элементе, а не на самом изображении! :)