動的要素のjQuery 1.7 on（）およびoff（）メソッド

Question

jQuery 1.7の.on()および.off()メソッドは、.live()などと置き換えられます。

私は、動的項目でそれを試してみました：

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

これは、DOMがロードされた後、追加された要素のために私のために働いていません。

上記のコードはjQuery 1.7の.on()と.off()メソッドの有効な例ですか？

Answer 1

live（） - > on/off（）（およびその他）の例については、http://blog.jquery.com/2011/11/03/jquery-1-7-released/を参照してください。

これは、上に生きて変換するためのその一例です：

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

だからあなたの例では、に次のようになります。ここでは

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

Answer 2

は少し例を次に示します。

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

"バインド" と：

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

そして "アンバインド" で：

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