jquery 이벤트가 Html 웹 페이지에서 동적으로 생성된 요소에 대한 실효

2455 단어 자바 학습 노트
웹 페이지에 몇 개의 a 라벨이 있는데 일부는 정태적으로 html에 쓰고 일부는 동적 생성이다.
<body>
<div id="btns">
    <a href="javascript:void(0);" class="shareBtn" style="visibility: visible;"> +a> 
    <a href="javascript:void(0);" class="shareBtn" style="visibility: visible;"> +a> 
<div>
dody>

js 코드
// 
$("#btns").append('0);" class="shareBtn" style="visibility: visible;"> + ');
// 
$(".shareBtn").click(function(){
    alert("share!");
});

동적으로 생성된 a탭이 클릭 후 응답하지 않습니다. 해결 방법:
$(document).on('click','.shareBtn',function(){
    alert("share!");
});

좋은 웹페이지 즐겨찾기