为什么.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");            
});

我尝试了推荐的.on（）。奇怪的是，这失败了

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()）一样工作，第二个参数必须是委托的选择器。

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

当然，您可以使用更具体的选择器。

Answer 2

这对我来说很好，这是一个jsFiddle：

• http://jsfiddle.net/CC3Ze/

Ubuntu 11.10上的Firefox 11.0。