> 웹 프론트엔드 > 프런트엔드 Q&A > Jquery 바인드 실패 문제를 해결하는 방법

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

藏色散人
풀어 주다: 2021-11-12 11:23:13
원래의
2169명이 탐색했습니다.

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

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

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

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

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

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

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

하지만 문제가 있습니다.

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

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

예:

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

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

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

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

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

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

권장 학습: "

jquery 비디오 튜토리얼"

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿