이런 경우에는 어떻게 해야 하는지 알고 싶습니다.

test.js

$("*[name=btnClick]").on("click", function (e) {
  $("#body").text("<button name="test" type="button">창띄우기2</button>");
});

$("*[name=test]").on("click", function (e) {
  alert('test');
});

test.php

<div id="body"></div>
 
<button name="btnClick" type="button" >클릭</button>
<button name="test" type="button">창띄우기1</button>

이런 흐름이 있다고 가정해 봅니다.

왜 저렇게 만들었냐 하고 질책할수 있지만 그것이 궁굼한것은 아니구요..

궁굼한것은 페이지에서 버튼을 클릭해서 버튼을 추가 하는 스크립트를 만들었어요.

그리고 추가된 창띄우기버튼2에서 클릭을 하면 제이쿼리를 실행 하지 않습니다.

하지만 이미 추가된 본문에 있는 창띄우기버튼1에서는 실행이 잘 된다는것이죠

궁굼한것이 왜 본문에 나중에 추가된 버튼은 제이쿼리를 인식하지 못하는가가 궁굼중입니다.

고수님들 궁굼중을 해결해 주세요

혹시 해결방법은 없는지요?