나중에 생성된 js 코드의 잘못된 클릭 이벤트에 대한 jquery의 솔루션

사용된 jquery 버전: jquery-3.1.1

페이지에 직접 작성된 click 이벤트 가 유효합니다.

<a class="deleteCls" beanId="${bean.id }" href="javascript:void(0)">删除</a>
$("a.deleteCls").click(function() {      alert("del");    });

그러나 js에서 생성된 코드는 다음과 같습니다.

str += "<td><a class=&#39;deleteCls&#39; beanId=&#39;" + item.id + "&#39; href=&#39;javascript:void(0)&#39;>删除</a></td>";

click이 유효하지 않다고 합니다. 나중에 코드가 생성되었다고 합니다. 자세한 내용을 파악하지 못했습니다. 해결책:

은

$("a.deleteCls").click(function() {
      alert("del");
    });

이 다음과 같이 수정됩니다(tableList는 테이블 테이블의 ID이고 생성된 코드는 테이블 태그에 있음):

$("#tableList").on("click","a.deleteCls",function(){
    alert("del");
    });

해결됨 , 이제 생성된 코드의 클릭 이벤트도 응답할 수 있습니다!

위 내용은 나중에 생성된 js 코드의 잘못된 클릭 이벤트에 대한 jquery의 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!