BLOG

2014年4月6日/ add class, click, JQuery

[jQuery]addclassで追加した要素へのクリックイベント実装

 

少しはまってしまいましたので備忘録として記載します。

 

addclassで要素にクラスを追加し、そのクラスにクリックイベントをつけたいとします。

 

例えば、下記のように「id=section1」の中のdiv要素にjqueryのaddclassで「.btn」というクラスを追加したとします。

 

その後にこの「.btn」クラスにclickイベントをつけたいとします。

 

はじめは上記コードの後に下記のようにclickイベントを追記しました。

 

しかしこれではclickイベントが動きませんでした。

 

調べてみると、addclassした要素へのイベント実装には下記のように「.on」イベントで実施する必要があるようでした。

 

 

これで正しく「.btn」クラスにclickイベントをつけることができました。

 

 

Resent Posts

Category