Notwendigkeit onclick Ereignis auf Schublade Knopf zu binden

Question

Ich arbeite mit Material Design Lite in meinem Projekt und ich muss eine Funktion an das Click-Ereignis der Schublade-Taste anhängen. Ich dachte, es war trivial, so fügte ich diesen Code:

$(document).ready(function(){ 
    $('.mdl-layout__drawer-button).on('click', function(){ 
     console.log('click'); 
}); 

aber dann entdeckte ich, dass die Schublade Taste durch mdl.js als letztes Element nach document.ready hinzugefügt wird, so dass, wenn ich meinen Code ausführen, Der Button ist noch nicht fertig.

Haben Sie eine Idee, wie Sie den Selektor bekommen, wenn er fertig ist?

Answer 1

Sie benötigen delegation: https://learn.jquery.com/events/event-delegation/

$(document.body).on('click', '.mdl-layout__drawer-button', function(){ 
    console.log('click'); 
});