evento - jQuery 1.7 métodos on() y off() para elementos dinámicos

simulate click jquery

Question

Se supone que los métodos .on() y .off() jQuery 1.7 reemplazan a .live() y similares.

Lo probé con un elemento dinámico:

 $(".myList").on(''click'', function(e){
  alert(''hello world'');
 });

Esto no me funciona para los elementos agregados después de cargar el DOM.

¿Es el código anterior un ejemplo válido para los .on() y .off() de jQuery 1.7?

Answer 1

"Unirse con:

$(document).on(''click'',''.myDiv'',function(){ ... });

Y "desvincular" con:

$(document).off(''click'',''.myDiv'');

Answer 2

Aquí hay un pequeño ejemplo:

http://jsfiddle.net/zzSjK/

<script type="text/javascript">
    $(function(){
        $(document).on(''click'',''.clickme'' , function(e){
          addtext()
        });
        function addtext() {
            $(''.myList'').append(''<div class="clickme">click me</div>'')
        }
    })
</script>

<div class="myList">
    <div class="clickme">-click-</div>
</div>

Answer 3

Consulte http://blog.jquery.com/2011/11/03/jquery-1-7-released/ para ver ejemplos en vivo () -> on / off () (y otros).

Este es su ejemplo para convertir en vivo a:

$(''a'').live(''click'', fn);
$(document).on(''click'', ''a'', fn);

Entonces tu ejemplo se convierte en:

$(document).on(''click'', ''.myList'', function(e){
  alert(''hello world'');
});