Jak używać opcji przełączania wydarzeń na żywo?

Question

Mam następujący kod

$(".reply").toggle 
(
    function() 
    { 
     x1(); 
    }, 
    function() 
    { 
     x2(); 
    } 
); 

muszę korzystać live, więc nowe elementy będą również związane. Czy jest jakaś składnia, aby to zrobić? Czy będę musiał wprowadzić toggle w wydarzeniu click?

Używam jQuery 1.4.2.

Answer 1

Wystarczy zmodyfikowana odpowiedź fehay tak, że nie opiera się na jQuery nie dołączając duplikaty obsługi zdarzeń podczas toggle()

$(".reply").live('click', function() { 
    var toggled = $(this).data('toggled'); 
    $(this).data('toggled', !toggled); 
    if (!toggled) { 
     x1(); 
    } 
    else { 
     x2(); 
    } 
}); 

Poza tym, po prostu pamiętać, że selektory dla live muszą być jak najbardziej konkretny ze względu na sposób Delegacja wydarzeń działa. Za każdym razem, gdy coś zostanie kliknięte w dokument, jQuery musi wspiąć się na drzewo sprawdzając, czy element pasuje do selektora. Z tego samego powodu, .delegate() jest znacznie bardziej wydajne, ponieważ można ograniczyć obszar przechwytywania.

Answer 2

live obsługuje niestandardowe zdarzenia w jquery 1.4. Można spróbować czegoś takiego:

$(function() { 
    $(".reply").live("customToggle", function() { 
     $(this).toggle(
      function() { 
       x1(); 
      }, 
      function() { 
       x2(); 
      } 
     ); 
    }); 

    $(".reply").live('click', function() { 
     $(this).trigger('customToggle'); 
    }); 
}); 

wydaje się działać prawidłowo bez niestandardowej imprezy:

$(".reply").live('click', function() { 
    $(this).toggle(
      function() { 
       x1(); 
      }, 
      function() { 
       x2(); 
      } 
     ); 
    $(this).trigger('click'); 
});