2017-11-21 5 views
0

私はプロジェクトでMaterial Design Liteを使用しており、引き出しボタンのクリックイベントに関数を追加する必要があります。私は自分のコードを実行すると、引き出しボタンでonclickイベントをバインドする必要があります

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

が、その後、私は引き出しのボタンがdocument.ready後に非常に最後の要素としてmdl.jsによって追加されていることを発見したので、私はそれは些細なと思ったので、私はこのコードを追加しましたボタンはまだ準備ができていません。

準備ができたらセレクタを取得する方法はありますか?

+0

使用イベントの代表団(リンク参照)。 –

+1

[動的に作成された要素にイベントバインディングがありますか?](https://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements) –

答えて

2

あなたはdelegationを必要とする:https://learn.jquery.com/events/event-delegation/

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

ありがとうございました!本当に些細なことでした... :-) –

関連する問題