なぜ.live（）は動作しますが、.on（）は動作しませんか？

Question

jquery1.71では、.live（）は非推奨です。それでも、それでも動作します。

var toggleBtn = document.createElement('input'); 
toggleBtn.id = 'toggleBtn'; 
toggleBtn.type = 'button'; 
toggleBtn.value = 'Close'; 
box.appendChild(toggleBtn); 

$('#toggleBtn').live('click', function() { 
    alert("hihi");    
}); 

私はお勧めしました。不思議なことに、これは失敗します

var toggleBtn = document.createElement('input'); 
toggleBtn.id = 'toggleBtn'; 
toggleBtn.type = 'button'; 
toggleBtn.value = 'Close'; 
box.appendChild(toggleBtn); 

$('#toggleBtn').on('click', function() { 
    alert("hihi");    
}); 

Answer 1

ドキュメントを完全に読んでください。 .on()が.live()（または.delegate()）のように動作するには、2番目の引数が委任先のセレクタでなければなりません。

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

もちろん、より具体的なセレクタを使用することができます。

Answer 2

これは私のために正常に動作しますが、ここでjsFiddleです：

• http://jsfiddle.net/CC3Ze/

のFirefox 11.0のUbuntu 11.10に。