JavaScript mask money не работает после добавления другого ввода в таблицу

Question

Я новичок в JavaScript и jQuery, и у меня есть проблема, когда я использую плагин с масляными деньгами. Он работал хорошо, но когда я делаю некоторые 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 маски деньги

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

(см рисунок ниже)

НО когда я вручную сделать еще один ввод текста он работал хорошо

Почему это не работает, хотя я делаю другое поле с событием js с тем же входом и классом?

Answer 1

Вы должны сделать $ ('input.price'). Number (true, 2); каждый раз, когда создается новая строка, метод в настоящее время применяется только к первой строке.

Answer 2

Если вы имеете в виду this plugin, тогда важно знать, что для обработки событий используется $.bind. Это означает, что новые входы не будут обрабатываться каким-либо образом этим плагином. Сегодня мы должны использовать $.on для такого рода привязок (и «$ .live» в ранних версиях jQuery).