jquery ajax取得後にレンダリングした要素のclickイベントを定義したい

Question

###前提・実現したいこと
下記のajaxで取得したjsonで要素を追加し、その追加した要素がclickされた
時のfunctionを定義したいです。

jQuery.ajax({
      type: "GET",
      url: "api/getjson",
      success: function (data) {
        $(data).each(function(index, item) {
          $("#j__input").tmpl(item, jsonHelpers).appendTo('.j__my_ul');
        });

      }
    });

###発生している問題・エラーメッセージ

jsがロードされた時に
$('.j__output_elem').click(function () {~~~のようにfunctionを定義してもまだ要素がないのでclickしても何も起きません。
どなたかご教授いただけないでしょうか＞＜。

Answer 1

Ajaxのコールバックでクリックイベントを割り当てるか、下記のようにすれば出来ます。

$( 'body' ).on( 'click', '.j__output_elem', function () {} );

【実践、jQuery - .on()と.off()を使いこなす 1 | CodeGrid】
https://app.codegrid.net/entry/practical-jquery-1

Comments

[error404]

解決できました。
ご回答いただき有難うございます。