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

Question

Se supone que los métodos de jQuery 1.7 .on() y .off() reemplazan a .live() y demás.

he probado con un elemento dinámico:

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

Esto no está funcionando para mí por elementos añadidos después de DOM se carga.

¿El código es un ejemplo válido para los métodos .on() y .off() de jQuery 1.7?

Answer 1

Ver http://blog.jquery.com/2011/11/03/jquery-1-7-released/ para live() -> on/off() (y otros) ejemplos.

Esta es su ejemplo para la conversión en vivo a en:

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

Así que su ejemplo se vuelve a:

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

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

"Bind" con:

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

y "desatar" con:

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