.preventDefault jQuery wird nicht auf der Seite ausgeführt, aber wird ausgeführt, wenn in Konsole eingegeben

Question

Mein Code ist ein einfaches Klickereignis e.preventDefault Befehl für ein Hamburgermenü. Die Datei wird im Browser geladen, aber preventDefault funktioniert nicht.

Wenn ich den Code in Chrome-Konsole kopieren und einfügen, funktioniert das Klickereignis nur. Was vermisse ich?

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


}); 

App in Angular 1 gebaut wird, ich materializeeCSS für das Hamburgere Menü

Answer 1

Meine beste Vermutung ist, .button-collapse verwenden eine von bootstarp verwendete Klasse. Hier versuchen Sie, ein Ereignis click an ein Bootstarp-Element zu binden, das seinen eigenen Klick-Listener in bootstrap.js hat. Das ist der Grund, warum es nicht funktionieren könnte.

Versuchen Sie, den Klassennamen der Schaltfläche zu ändern.

Answer 2

Ich löste das Problem. Ich benutze AngularJS (und neu dazu) und ich legte die jQuery in eine eigene JS-Datei, wenn ich den jQuery-Code in den Controller hätte einfügen sollen.