.preventDefault jQuery不会在页面上执行，但会在控制台中输入时执行

Question

我的代码是汉堡包菜单的简单点击事件e.preventDefault命令。该文件在浏览器中加载，但preventDefault不起作用。

当我将代码复制并粘贴到Chrome控制台时，点击事件就可以找到。我错过了什么？

$(function(){
  console.log('dashboard jquery loaded');
  $(".button-collapse").click(function(e){
    console.log('button pressed');
    e.preventDefault();
  });


});

App内置Angular 1，我使用materializeeCSS作为汉堡菜单

Answer 1

我解决了这个问题。我正在使用AngularJS（以及它的新手），我将jQuery放在自己的JS文件中，当时我应该将jQuery代码放在控制器中。

Answer 2

我最好的猜测是，.button-collapse是bootstarp使用的类。在这里，您尝试将click事件绑定到bootstarp元素，该元素在bootstrap.js中具有自己的单击列表器。这就是它可能不起作用的原因。

尝试更改按钮的类名。