추가 된 앵커 태그 클릭 이벤트가 활성 클래스를 추가하지 않습니다. (추가 된 태그는 다른 앵커 태그의 클릭 이벤트에 의해 생성됨)

도움을 주셔서 미리 감사드립니다.

다음 코드를 관찰하면 문제를 더 잘 이해할 수 있습니다.

<a class="save-btn" href="#">Save</a>

<ul><li><a href="#">link 1</a></li></ul>

$('.save-btn').click(function() {
    $('ul').append('<li><a class="newLink" href="#">link 2</a></li>')
    return false;
})

$('.newLink').click(function() {
    $(this).addClass('active') // ".newLink" is not adding "active class"
   return false;
});

클릭 이벤트로 클래스 이름이 "myLink"인 링크 에 활성 클래스를 추가하고 싶습니다 .

문제 가 "클릭 이벤트"라는 것을 알고 있으며 window.load 에 추가 된 앵커 태그 가 활성 클래스를 완벽하게 추가하고 있습니다.

자세한 설명을위한 이미지입니다.

이미지 설명 : 링크 "Abc Xyz"는 클릭시 "활성 클래스"를 추가해야합니다 (활성 링크는 내 이미지에 따라 파란색 배경으로 표시됨).