javascript - 在表格中添加另一个输入后，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 运行良好。问题出在插件JS mask money

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

（见下图）

但是当我手动进行另一个文本输入时，它运行良好

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

Answer 1

你应该这样做 $('input.price').number( true, 2 ); 每次创建新行时，该方法当前仅适用于第一行。

Answer 2

如果您指的是这个插件，那么重要的是要知道它使用$.bind来处理事件。这意味着这个插件不会以任何方式处理新的输入。今天我们应该使用$.on来进行这种绑定（以及早期版本的 jQuery 中的 '$.live'）。