需要在抽屉按钮上绑定onclick事件

Question

我正在我的项目中使用 Material Design lite，我需要将一个函数附加到抽屉按钮的单击事件。我认为这是微不足道的，所以我添加了这段代码：

$(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');
});