需要在抽屜按鈕上綁定onclick事件

Question

我正在項目中使用Material Design Lite，並且需要將功能附加到抽屜按鈕的click事件。 我認為這很簡單，因此添加了以下代碼：

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

但是后來我發現mdl.js將抽屜按鈕添加為document.ready之后的最后一個元素，因此當我運行代碼時，按鈕尚未准備好。

關於准備就緒時如何獲取選擇器的任何想法？

Answer 1

您需要delegation ： https : //learn.jquery.com/events/event-delegation/

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