>웹 프론트엔드 >JS 튜토리얼 >jquery on을 사용할 수 없는 경우 수행할 작업

jquery on을 사용할 수 없는 경우 수행할 작업

藏色散人
藏色散人원래의
2020-11-10 11:09:582796검색

jquery를 사용할 수 없는 경우 해결 방법: 먼저 해당 코드 파일을 연 다음 "$(document).on("click",".test",function(){alert("...")으로 쓰기를 수정합니다. ) ;});" 그게 다입니다.

jquery on을 사용할 수 없는 경우 수행할 작업

이 튜토리얼의 운영 환경: windows10 시스템, jquery1.7 이 기사는 모든 브랜드의 컴퓨터에 적용됩니다.

권장: "jquery tutorial"

jQuery on() 바인딩 잘못된 솔루션

on() 메서드는 선택한 요소 및 하위 요소 프로그램에 하나 이상의 이벤트 핸들러를 추가합니다.

jQuery 버전 1.7부터 on() 메서드는 바인딩(), live() 및 위임() 메서드를 새롭게 대체합니다. 공식 웹사이트에서는 jQuery 코드 기반을 단순화하는 이 방법을 사용할 것을 권장합니다.

Syntax

$(selector).on(event,childSelector,data,function,map)

Parameters Description
event 필수입니다. 선택한 요소에서 제거할 하나 이상의 이벤트 또는 네임스페이스를 지정합니다.

공백으로 구분된 여러 이벤트 값. 유효한 이벤트여야 합니다.
childSelector 선택 사항입니다. 이벤트 핸들러를 지정된 하위 요소에만 추가할 수 있음을 지정합니다(더 이상 사용되지 않는 Delegate() 메서드와 같은 선택기 자체는 추가할 수 없음).
data 선택사항. 함수에 전달될 추가 데이터를 지정합니다.
기능 선택 사항입니다. 이벤트가 발생할 때 실행할 함수를 지정합니다.
map 은 요소에 추가할 하나 이상의 이벤트와 이벤트가 실행될 때 실행할 함수를 포함하는 이벤트 맵({event:function, event:function, ...})을 지정합니다. 이벤트가 발생합니다.

저는 최근 직장에서 on()을 사용하는 것이 비효율적이라는 것을 깨달았습니다. 페이지 로딩 시 선택한 요소와 하위 요소가 이미 존재한다면 정상적으로 사용 가능합니다. 일반적으로 작성 방법은 다음과 같습니다.

$(".test").on("click",function(){
    alert("执行了");
});

페이지 로딩 시 선택한 요소와 하위 요소가 존재하지 않는 경우. , 그러나 해당 기능을 통해 생성되면 문제가 발생합니다. 위와 같이 작성하면 on()을 통해 이벤트를 바인딩할 수 없습니다.

해결책은 다음과 같습니다:

$(document).on("click",".test",function(){//修改成这样的写法
    alert("生成的也可以执行了!");
});

위 내용은 jquery on을 사용할 수 없는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.