내 jQuery 1.8 .live() 코드를 jQuery 2.1 .on() 메서드로 어떻게 마이그레이션합니까?

jQuery 1.8 .live()에서 2.1

jQuery 1.9에서는 .live() 메소드. 이 가이드에서는 변경 사항을 설명하고 코드를 .live()에서 새로운 .on() 구문으로 마이그레이션하는 방법에 대한 예를 제공합니다.

.live() 제거 이해

jQuery 1.9에서는 성능 및 효율성 제한으로 인해 .live()를 제거했습니다. .live()는 이벤트가 아직 존재하지 않더라도 미래의 DOM 요소에 바인딩합니다. 이로 인해 불필요한 이벤트 리스너 및 성능 문제가 발생할 수 있습니다.

.on()

.live()에 대한 권장 교체는 .on( ). 그러나 .on()에는 다른 매개 변수가 있다는 점에 유의하는 것이 중요합니다.

원래 .live() 구문:

.live(events, function)

새 .on( ) 구문:

.on(eventType, selector, function)

마이그레이션 예 1: 하위 요소에 바인딩

이전(.live() 사용):

$('#mainmenu a').live('click', function)

이후 (.on() 사용):

$('#mainmenu').on('click', 'a', function)

이 예에서는 하위 요소(a)가 .on() 선택기로 이동됩니다.

마이그레이션 예 2: 상위 요소에 바인딩

이전 (.live() 사용):

$('.myButton').live('click', function)

After (.on() 사용):

$('#parentElement').on('click', '.myButton', function)

이 예에서 요소는 .myButton은 .on() 선택기로 이동되고 가장 가까운 상위 요소(가급적 ID 포함)가 사용됩니다. 또는 $(document)를 상위 요소로 사용할 수 있습니다.

추가 마이그레이션 팁

• 단순히 .live()를 . on() 매개변수 변경을 고려하지 않습니다.
• (하위) 선택자가 .on() 필요한 경우.
• 필요하지 않은 경우 선택기를 null로 설정하세요.

자세한 내용은 공식 jQuery 문서 및 마이그레이션 가이드를 참조하세요.

위 내용은 내 jQuery 1.8 .live() 코드를 jQuery 2.1 .on() 메서드로 어떻게 마이그레이션합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!