jquery - 为什么 .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())一样工作，第二个参数必须是要委托(delegate)的选择器.

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

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