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

웹 페이지에 몇 개의 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!");
});

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

SpringCloud 분산 (4) 분산 게이트웨이 Zuul 사용 상세 정보

마이크로서비스 체계에서 Eureka Server와 통신하는 마이크로서비스에 대해 서비스 이름을 사용하면 접근할 수 있다.그러나 휴대전화, 웹 사이트 등 외부 방문자들은 여전히 N다중 서버와 상호작용을 해야 하고 그들...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

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

좋은 웹페이지 즐겨찾기