JavaScript在jQuery创建的内容中无法正常工作

我已经把它包括在我的项目中。它在默认HTML内容上正常工作，但当我使用jQuery创建表行时，它不工作。应该有jQuery数字输入，但应该有常规的HTML5数字输入

如何调用函数

bootstrapNumber（）

$（“输入[type='number']”）。bootstrapNumber（）；

这是jQuery创建行的方式

var行=“”+value.name+“”
+''+值.单位+''
+''+value.price+''+value.currency+''；

发生这种情况可能是因为在代码开头只调用了一次

.bootstrapNumber（）

。每次使用jQuery向表中添加行时都需要调用它

<script>
    function addRowToTable(value) {
        var row = '<tr id="product' + value.ID + '"><td>' + value.name + '</td>'
                + '<td class="text-right"><input class="form-control" type="number" value="1" min="0" />' + value.unit + '</td>'
                + '<td class="text-right">' + value.price + ' ' + value.currency + '</td></tr>';

        //add row to table here

        $("input[type='number']").bootstrapNumber(); //call the plugin again to make the new input of a bootstrapNumber input
    }
</script>

在脚本开始时，必须将其包装为

$(document).ready(function() {
    $("input[type='number']").bootstrapNumber();
});

---

在加载DOM之前不操作DOM

你能举个JSFIDLE的例子吗？我想你需要再次调用

$（“input[type='number']）创建新的inputsCan后，您可以提供使用行变量的函数。没问题。请参阅我对初始
bootstrapNumber（）
调用的编辑。它可能会进一步帮助您：-）
$(document).ready(function() {
    $("input[type='number']").bootstrapNumber();
});