.preventDefault jQuery не будет выполняться на странице, но будет выполняться при вводе на консоль

Question

мой код - это простое событие click e.preventDefault команда для меню гамбургера. Файл загружается в браузере, но функция preventDefault не работает.

Когда я копирую и вставляю код в консоль Chrome, событие click работает только для поиска. Что мне не хватает?

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


}); 

App построен в угловых 1, я использую materializeeCSS для меню гамбургер

Answer 1

Моя догадка, .button-collapse класс, используемый bootstarp. Здесь вы пытаетесь связать событие click с элементом bootstarp, у которого есть собственный клик-менеджер в bootstrap.js. Вот почему это может не сработать.

Попробуйте изменить название класса кнопки.

Answer 2

Я решил проблему. Я использую AngularJS (и новичок в нем), и я помещал jQuery в свой собственный JS-файл, когда я должен был помещать код jQuery в контроллер.