Jquery 바인드 실패 문제를 해결하는 방법

jquery 바인딩 실패에 대한 해결 방법: 1. HTML 샘플 파일을 만듭니다. 2. "$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ 을 사용합니다. ..});' 문제를 해결할 수 있습니다.

이 기사의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, DELL G3 컴퓨터

jquery 바인드 실패 문제를 해결하는 방법은 무엇입니까?

jQuery는 잘못된 동적 바인딩 이벤트를 처리하기 위해 바인딩을 사용합니다

최근에 페이지를 개발 중입니다. 페이지 특수 효과를 수행할 때 동적으로 로드되는 버튼에 이벤트를 할당해야 합니다

그래서 저는 아무 생각 없이 $(obj)를 사용했습니다. 바인딩(); 이벤트를 바인딩합니다.

하지만 문제가 있습니다.

bind는 실제로 이벤트를 바인딩할 수 있지만 이는 고정된 html 태그와 비교됩니다.

페이지 콘텐츠가 동적으로 로드되면 바인딩 이벤트에 버그가 있으며 한 번만 바인딩할 수 있습니다. , 두 번째로 이벤트를 실행하면 쓸모가 없습니다

예:

3499910bf9dac5ae3c52d5ede7383485 태그에 클릭을 할당하면 콘텐츠가 포함된 3499910bf9dac5ae3c52d5ede7383485 그런 다음 동적으로 로드됩니다. 바인드를 사용하여 클릭 이벤트를 바인딩하면 첫 번째 클릭이 성공적으로 트리거될 수 있습니다.

그러나 두 번째 클릭에서는 클릭 이벤트가 유효하지 않습니다.

나중에 조사한 결과 jQuery에도 이벤트를 바인딩할 수 있는 방법이 있는 것으로 나타났습니다.

사용법은 다음과 같습니다:

$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ 
  //js数据代码
});

이 방법으로 동적 데이터 바인딩 이벤트를 달성하고 만료되지 않을 수 있습니다.

권장 학습: "

jquery 비디오 튜토리얼"

위 내용은 Jquery 바인드 실패 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!