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

Question

我正在使用我的项目中的材质设计精简版，我需要将一个函数附加到抽屉按钮的单击事件。我认为这很简单，所以我添加了这段代码：

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