"live"를 jQuery 1.8.3에서 jQuery 1.9로 바꾸는 방법은 무엇입니까?

Question

내 웹 프레임 워크가 자동으로 내 jQuery 스크립트를 최신 버전 인 1.9로 업데이트했습니다.

이제 모든 내 :

$(".myclass").live("click", function() {... 

더 이상 작동하지 않습니다. 나는 주로 내 페이지에서 HTML을 채운 아약스와 함께 사용했다.

마지막 버전에서이 functionnality를 바꾸는 방법을 알고 있습니다. 친구가 대신 "on"을 사용하라고 말했지만 "on"은 같은 요소에 고정되어 있습니다.

설명이 예제 (아약스 없음)에서 "+"아이콘을 사용하여 "ul li 목록"을 표시합니다.

$(".closed").live('click', function(){ 
    $("#ul_list_"+$(this).attr('id')).addClass("displayed").removeClass("hidden").show(); 
    $(this).addClass("openned").removeClass('closed'); 
    $(this).html('<i class="icon-minus"></i>'); 
}); 

$(".openned").live('click', function(){ 
    $("#ul_list_"+$(this).attr('id')).addClass("hidden").removeClass("displayed").hide(); 
    $(this).addClass("closed").removeClass('openned'); 
    $(this).html('<i class="icon-plus"></i>'); 
}); 

(I 스크립트가 가장 적 최적화되지 않은 것을 알고 있지만,이 일이. 나는 열거 나 내 목록을 닫 클래스를 사용했다. 그리고 방문자가 JS를 사용할 수없는 경우, 아무것도, 모든 숨겨진 없다 해결하지 않는 방법, "jQuery.fn.live()는 지원되지 않습니다 JQMIGRATE는"

• 내가 https://github.com/jquery/jquery-migrate을 시도했지만, 내가 가진 유일한 메시지는 다음과 같습니다 접힌 목록)

  노트 열립니다 그것.

Answer 1

docs 이미 예 제공 : 그 후속의 측면에서 .live() 메소드를 다시 쓰기

하는 것은 간단 이다; 그래서

$(selector).live(events, data, handler); // jQuery 1.3+ 
$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+ 
$(document).on(events, selector, data, handler); // jQuery 1.7+ 

: $(document).on("click", ".closed", function() { ... })이 모든 세 가지 이벤트 부착 방법에 대한 해당 통화에 대한 템플릿입니다.

Answer 2

live 대신 on을 사용해야합니다. 라이브는 버전에 사용되지 않기 때문에 1.7

Answer 3

당신은 위임 된 핸들러 on를 사용해야합니다 : 당신은 페이지로드에 사용할 수있는 .closed에 가장 가까운 부모 요소 #parent를 교체해야

$('#parent').on('click', '.closed', function() { 
    // your code... 
}); 

주 - .closed이 추가되었다 보통 요소를.