javascript - 在计算机上使用时，Jquery 中的单击功能无法正常运行

Question

今天制作这个网站已经有一段时间了，因为我已经重新开始制作网站了。我正在尝试使用 jquery，甚至尝试使用纯 javascript 来使此单击按钮起作用。我仔细检查并将整个页面代码复制并粘贴到 jsfiddle 中，由于某种原因它拒绝在我的代码中工作，但当我将它放入 jsfiddle 中时工作正常。

所以当你点击右上角的按钮时，它会给下面的 div 一个新的类。您可以在 jsfiddle 中看到它在此处工作，但由于某种原因它拒绝在我的计算机上的副本中工作。

我的 html 页面正确加载了 jquery，因为我已经使用了 .resize() 但它不允许我以任何方式或形式使用任何版本的 click。

有没有人知道什么可能导致此点击功能停止工作？

  // 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 脚本行为混淆。