Phương thức jQuery 1.7 on() và off() cho các phần tử động

Question

Phương thức .on() và .off() của jQuery 1.7 phải thay thế .live() và các phương thức như vậy.

Tôi đã thử nó với một mục động:

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

này không làm việc cho tôi cho các yếu tố thêm vào sau khi DOM được nạp.

Mã trên một ví dụ hợp lệ cho các phương pháp .on() và .off() của jQuery 1.7 chưa?

Answer 1

Xem http://blog.jquery.com/2011/11/03/jquery-1-7-released/ cho live() -> on/off() (và các ví dụ khác).

Đây là tấm gương của họ để chuyển đổi trực tiếp cho trên:

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

Vì vậy, ví dụ bạn trở nên to:

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

Answer 2

Dưới đây là một ví dụ nhỏ:

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

"Ràng buộc" với:

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

Và "unbind" với:

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