Jak zamienić "na żywo" z jQuery 1.8.3 na jQuery 1.9?

Question

Moje środowisko internetowe automatycznie zaktualizowało mój skrypt jQuery do ostatniej wersji 1.9.

Teraz moim:

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

nie działają już. Używałem go głównie z wywołanym ajaxem, który wypełnił html na mojej stronie.

Chciałbym wiedzieć, jak zastąpić tę funkcjonalność w ostatniej wersji. Znajomy powiedział mi, żebym zamiast tego używał "on", ale "on" pozostaje ustawiony na tym samym elemencie.

Wyjaśnienie, w tym przykładzie (bez ajax), używam ikony "+", aby wyświetlić "ul li list".

$(".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>'); 
}); 

(wiem, że skrypt nie jest najbardziej zoptymalizowane kiedykolwiek, ale to działało. Kiedyś zajęcia, aby otworzyć lub zamknąć list. A jeśli użytkownik nie ma włączonego JS, nic nie jest ukryte, wszystko zagięte listy są otwarte)

Uwagi:

• próbowałem https://github.com/jquery/jquery-migrate, ale tylko wiadomość, że mam to „JQMIGRATE: jQuery.fn.live() jest przestarzała”, a nie jak to naprawić to.

Answer 1

docs już stanowić przykład:

Przepisanie sposobu .live(), jeśli chodzi o jego następców jest prosta; Są to szablony dla równoważnych wezwań do wszystkich metod mocowania trzy zdarzenia:

$(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+ 

Więc: $(document).on("click", ".closed", function() { ... }).

Answer 2

Musisz użyć on zamiast live. bo na żywo jest nieaktualna od wersji 1.7

Answer 3

Trzeba użyć on z delegowanego obsługi:

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

pamiętać, że należy zastąpić #parent z najbliższego elementu nadrzędnego do .closed który jest dostępny na stronie obciążenia - zwykle element, który .closed został dołączony do.