将类分配给动态创建的输入字段JavaScript

我正在尝试使用jQuery插件（）来检查不允许输入为字符的输入。 当我在静态HTML输入中使用它时，效果很好，但当我在使用JavaScript动态创建的输入中使用它时，它就不起作用了

HTML:

JavaScript:

$.each(restaurantSizes, function(i, field){
    outC += "<input type='text' class='numeric' name='price' "+
            "id='p"+ field.id +"' placeholder='Price' value='" + 0 + "'/></br>";
});
document.getElementById('add').innerHTML = outC;

$。每个（餐厅规模、功能（i、字段）{
outC+=“
”；
});
document.getElementById（'add'）。innerHTML=outC；

---

知道它为什么不工作吗？

初始化新创建元素的
插件。
重新启动是什么？另外，当您使用jQuery时，为什么不直接使用
$（）.html（）
@RayonDabre来初始化它呢？实际上，在html
Validator.js中使用class='numeric'可以在页面加载中找到类为
numeric
的元素，但它不知道以后添加的元素。@RayonDabre有没有办法在以后添加的元素上使用它？
初始化
新创建的元素的
插件。
是什么
餐厅规模
？另外，当您使用jQuery时，为什么不直接使用
$（）.html（）
@RayonDabre来初始化它呢？实际上，在html
Validator.js
中使用class='numeric'可以在页面加载时找到类为
numeric
的元素，但它不知道以后添加的元素。@RayonDabre有没有办法在以后添加的元素上使用它？
$.each(restaurantSizes, function(i, field){
    outC += "<input type='text' class='numeric' name='price' "+
            "id='p"+ field.id +"' placeholder='Price' value='" + 0 + "'/></br>";
});
document.getElementById('add').innerHTML = outC;