在表中添加另一个输入后，JavaScript掩码钱不起作用

Question

我是JavaScript和jQuery的新手，当我使用mask money插件时遇到问题。它工作得很好，但是当我在表中添加一些JavaScript来添加另一个输入时，即使它具有相同的类，新行也不能与maskmoney一起使用

这是我的表：

<thead>
    <tr>
        <td width="100"><center>Waqaf</center></td>
        <td width="100"><center>Operasional Sekolah</center></td>
        <td width="100"><center>Seragam</center></td>
    </tr>  
</thead>
<tbody>
    <tr>
        <td width="100"><input type="text" class="form-control price" name="waqaf" id=""></td>
        <td width="100"><input type="text" class="form-control price" name="operasional_sekolah" id=""></td>
        <td width="100"><input type="text" class="form-control price" name="seragam" id=""></td>
    </tr>
</tbody>  

用于添加新字段的JS运行良好，当我检查了使用相同类输出输入的inspect元素时。问题在于插件JS掩码钱

<script type="text/javascript">
    $('input.price').number( true, 2 );
</script>

（见下图）

但是当我手动制作另一个文字输入时，它运作良好

为什么即使我使用具有相同输入和类的js事件创建另一个字段也不起作用？

Answer 1

你应该做$（＆＃39; input.price＆＃39;）。number（true，2）;每次创建新行时，该方法当前仅适用于第一行。

Answer 2

如果您的意思是this plugin，那么了解它使用$.bind来处理事件非常重要。这意味着此插件无法以任何方式处理新输入。今天我们应该使用$.on来进行这种绑定（并且在早期版本的jQuery中使用＆＃39; $。live＆＃39;）。