서랍 버튼에서 onclick 이벤트를 바인딩해야합니다.

Question

프로젝트에서 Material Design Lite로 작업 중이며 서랍 버튼의 클릭 이벤트에 함수를 연결해야합니다. 내 코드를 실행하면,

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

하지만 나는 서랍 버튼을 document.ready 후 맨 마지막 요소로 mdl.js에 의해 추가 된 것을 발견, 그래서 : 나는 사소한라고 생각, 그래서 나는이 코드를 추가 버튼이 아직 준비되지 않았습니다.

준비가되면 선택기를 가져 오는 방법에 대한 아이디어가 있습니까?

Answer 1

당신은 delegation이 필요합니다 https://learn.jquery.com/events/event-delegation/

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