javascript aタグをクリックしたときにアラートを表示したい （ajaxで作成したHTMLコードにたいして指示）

Question

やりたい事
画像をクリックされたときに
別ウィンドウにのモーダルが作成される。
いいね部分がクリックされたときにアラートを出したい。

現状
画像をクリックされたときに
別ウィンドウに

<section class="modal">
<ul class="modal-ui">
     <li>
        <a href="#" class="modal-good active">いいね</a>
     </li>
     <li>
        <a href="" class="modal-search">トマト）</a>
     </li>
</ul>
</section>

のモーダルが作成される。
そのモーダル上の
いいね
部分を押してもアラートが出ません

できている事
画像をクリックされたときにモーダルが作成される。

現在のコード

<section class="modal">
<ul class="modal-ui">
     <li>
        <a href="#" class="modal-good active">いいね</a>
     </li>
     <li>
        <a href="" class="modal-search">トマト）</a>
     </li>
</ul>
</section>

$(document).ready(function () { 
    function modallike() {
        alert("test");
    }
    function modallOpen(e) {
    	//imgのid取得する	
     	var t=e.target;
     	id = t.id;
     	 
    	//var like = <?php echo json_encode((__("like"))) ?>;
    	//alert(like);

     	$.ajax({
            type: "POST",
            url: "/ninnin/hogehoge/modal",
            dataType: "json",
            data: {
                "id":id,
            },
            success: function(data) {
                var $formlayouts = $( html部分の<section class="modal">〜</section>の作成);
           		
           		//フォーム
	    		$('body')
	        		.append($formlayouts);
        			$('.modal').addClass('active');
            } ,
         });
    }

   $('.modal-ui a.modal-good').on('click', modallike);
   $('.photo_list a').on('click', modallOpen);
});

試してダメだったもの

$(document).ready(function () { 
    function modallike() {
        alert("test");

    }
   $('.modal-good').on('click', modallike);
   $('.photo_list a').on('click', modallOpen);
});

いいね
が押されたときに
アラートを出すにはどうすれば表示できますでしょうか？

Comments

[kei344]

「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

[amaguri]

すみません途中でエンターで投稿してしまし修正させていただきました

Answer 1

こうしてみればいかがでしょう。

   $('body').on('click', '.modal-good', modallike);
   $('body').on('click', '.photo_list a', modallOpen);

---

追記：

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

【jQuery の.on()をもういっぺん理解してみる - あまり新しくないもの】
http://rtshaaaa.hateblo.jp/entry/2013/12/03/102836

Comments

[amaguri]

回答ありがとうございます
試して見たのですがアラートが出てきませんでした。。

修正
無事にうまく動きました

[kei344]

modal-good photo_list などのクラスが適切についているかをデベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

Answer 2

function modallike(event) {
event.preventDefault();
alert("test");

}

Comments

[退会済みユーザー]

$('.memory-modal-ui a.memory-modal-good')じゃなくて、$('.modal-ui a.memory-modal-good')かな？

[amaguri]

回答ありがとうございます。
function modallike(event) {
event.preventDefault();
alert("test");
}
として見たのですが
アラート表示されませんでした。