More than 5 years have passed since last update.

jQueryで追加したHTML要素にクリックイベントが発動しない

Last updated at 2019-06-22Posted at 2019-06-22

##はじめに
プログラミングにふれて１ヶ月
jQueryでクリックイベントならclick()だよねーと使ってたら・・・

jQueryでhtml要素の追加はできたけど、クリックしてもイベントが走らない！

なんでだろー、とググってみても検索ワードがうまくヒットせずにハマったのでメモ。

##わかったこと

##メモ
###環境

###やりたかったこと
本の検索サイトで検索ワードの履歴を付箋で残し、クリックすると履歴のワードで再検索ができる
（下記gifが完成形）

###問題点
履歴クリックをclick()で記述したけど発動しない

sample1.js

    $('.history_btn').click(function (event) {
    //処理
    });

###気づき

on()で記述すると追加した要素に発動する

sample2.js

    $(document).on('click', '.history_btn', function () {
    // 処理
    });