JQuery жить против On

Question

У меня есть следующий код, который работает отлично с живой

$('.numbersonly').live('keydown', function (e) { 
    var key = e.charCode || e.keyCode || 0; 
    return (key == 8 || key == 9 || key == 46 || (key >= 37 && key <= 40) || 
      (key >= 48 && key <= 57) || (key >= 96 && key <= 105)); 
}); 

И я изменился на русский

$('.numbersonly').on('keydown', function (e) { 
    var key = e.charCode || e.keyCode || 0; 
    return (key == 8 || key == 9 || key == 46 || (key >= 37 && key <= 40) || 
      (key >= 48 && key <= 57) || (key >= 96 && key <= 105)); 
}); 

Но я получаю сообщение об ошибке сценария в min.js файле. Я что-то упускаю?

Answer 1

Делегат событие родителю .numbersonly или document иначе

$(document).on('keydown', '.numbersonly', function (e) { 
    var key = e.charCode || e.keyCode || 0; 
    return (key == 8 || key == 9 || key == 46 || (key >= 37 && key <= 40) || 
     (key >= 48 && key <= 57) || (key >= 96 && key <= 105)); 
}); 

Answer 2

Если связать события с на, события будут переплетены только для элементов тока DOM (что соответствие вашего выбора) Так что рекомендую, которые используют on, после события domready.

пример:

$(document).ready(function(){ 
     ... 
     $('selector').on('event',eventHandler(e){ 
      ... 
     }); 
    }); 

Если вы используете живой, события будут обязательными для соответствующих элементов после изменения дерева DOM тоже. (Например, вы загружаете контент с помощью ajax)