Come utilizzare l'evento di commutazione con live?

Question

Ho il seguente codice di

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

ho bisogno di usare live, quindi nuovi elementi sarebbe anche vincolati. C'è qualche sintassi per farlo? O dovrò implementare un toggle sull'evento click?

Sto usando jQuery 1.4.2.

Answer 1

appena modificato la risposta di fehay in modo che non si basa su jQuery non associare i gestori di eventi duplicati durante toggle()

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

Inoltre, basta tenere a mente che i selettori per il live devono essere il più specifici possibile a causa del modo in cui la delega dell'evento funziona. Ogni volta che viene fatto clic sul documento, jQuery deve risalire l'albero controllando se l'elemento corrisponde al selettore. Per lo stesso motivo, lo .delegate() è molto più performante perché è possibile limitare l'area di acquisizione.

Answer 2

live supporta eventi personalizzati in jquery 1.4. Si potrebbe provare qualcosa di simile:

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

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

questo sembra funzionare bene anche senza un evento personalizzato:

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