jQuery .live()는 버전 1.9부터 제거되었습니다.

즉, 1.8 이전 버전에서 업그레이드하는 경우 아래 마이그레이션 가이드를 따르지 않으면 문제가 발생합니다. 당신은 단순히 대체 안 .live()와 .on()!

검색을 시작하기 전에 읽고 교체하십시오.

들어 빠른 / 핫픽스 라이브 사이트에 없는 단지 키워드 교체 live로를 on,
로 매개 변수가 다르다 !

.live(events, function)

에 매핑해야합니다 :

.on(eventType, selector, function)

(자식) 선택기는 매우 중요합니다! 어떤 이유로 든 이것을 사용할 필요가 없으면로 설정하십시오 null.

마이그레이션 예 1 :

전에:

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

그런 다음 자식 요소 ( a)를 .on()선택기 로 이동합니다 .

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

마이그레이션 예 2 :

전에:

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

그런 다음 요소 ( .myButton)를 .on()선택기 로 이동하고 가장 가까운 상위 요소 (바람직하게는 ID가있는)를 찾습니다.

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

부모로서 무엇을 넣을지 모르는 경우 body항상 작동합니다.

$('body').on('click', '.myButton', function)

또한보십시오:

• jQuery- “live ()”대신 “on ()”메서드를 사용하는 방법은 무엇입니까?
• jQuery 1.9 마이그레이션 가이드

답변

jQuery.fn.extend({
    live: function (event, callback) {
       if (this.selector) {
            jQuery(document).on(event, this.selector, callback);
        }
        return this;
    }
});

/**
 * Forward port jQuery.live()
 * Wrapper for newer jQuery.on()
 * Uses optimized selector context
 * Only add if live() not already existing.
*/
if (typeof jQuery.fn.live == 'undefined' || !(jQuery.isFunction(jQuery.fn.live))) {
  jQuery.fn.extend({
      live: function (event, callback) {
         if (this.selector) {
              jQuery(document).on(event, this.selector, callback);
          }
      }
  });
}