javascript - 需要在抽屉按钮上绑定(bind)onclick事件

Question

我正在我的项目中使用 Material Design lite，我需要将一个函数附加到抽屉按钮的单击事件。我认为这很简单，所以我添加了以下代码:

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

但后来我发现抽屉按钮是由 mdl.js 添加为 document.ready 之后的最后一个元素，因此当我运行代码时，按钮尚未准备好。

知道如何在准备好时获取选择器吗？

Answer 1

您需要委托(delegate):https://learn.jquery.com/events/event-delegation/

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