Cómo usar el evento de alternar con directo?

Question

Tengo el siguiente código

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

necesito utilizar live, por lo que los nuevos elementos también estarían obligados. ¿Hay alguna sintaxis para hacerlo? ¿O tendré que implementar un toggle en el evento click?

Estoy usando jQuery 1.4.2.

Answer 1

acaba de modificar la respuesta de fehay de modo que no se basa en jQuery no conectar los controladores de eventos duplicados durante toggle()

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

Además, sólo tener en cuenta que los selectores para live tienen que ser lo más específico posible debido a la forma la delegación de eventos funciona. Cada vez que se hace clic en algo en el documento, jQuery tiene que trepar por el árbol para comprobar si el elemento coincide con el selector. Por la misma razón, .delegate() es mucho más eficaz porque puede limitar el área de captura.

Answer 2

Live soporta eventos personalizados en jquery 1.4. Usted podría intentar algo como esto:

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

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

esto parece funcionar bien sin un evento personalizado:

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