jQuery 1.7 metodi on() e off() per elementi dinamici

Question

I metodi jQuery 1.7 .on() e .off() sostituiscono .live() e così via.

ho provato con un elemento di dinamica:

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

Questo non funziona per me per elementi aggiunti dopo DOM è stato caricato.

Il codice è sopra un esempio valido per i metodi di jQuery 1.7 .on() e .off()?

Answer 1

Vedere http://blog.jquery.com/2011/11/03/jquery-1-7-released/ per esempi live() -> on/off() (e altro).

questo è il loro esempio per la conversione dal vivo per il:

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

Così il vostro esempio diventa a:

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

Answer 2

Ecco un piccolo esempio:

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(){ ... }); 

E "unbind" con:

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