javascript - 在动态插入的输入上设置 jquery 掩码？

Question

在动态插入的输入上设置 jquery 掩码？

我尝试以向下格式执行此操作，但没有成功。

新输入丢失了掩码。

有人可以帮我解决这个问题吗？

<div class="control">
<input type="text" name="item_valor" placeholder="Valor" class="input valor" maxlength="255" id="id_item_valor">
</div>

.

 $(document).ready(function(){
        $('.valor').mask("#.##0,00", {reverse: true});
    });

.

$(document).on('click', '#addItem', function () {
var newElement = $('.control:last').clone(true);
$('.control:last').after(newElement);
})

Answer 1

将 mask 设置为输入焦点，如下所示

$(document).on("focus", ".valor", function() { 
    $(this).mask("#.##0,00", {reverse: true});
  });

您可以将其从 document.ready 函数中删除，并且您可以将其缩短为 1 行，而不是克隆并附加 2 行

$('.control:last').after($('.control:last').clone());

这是一个工作 fiddle https://jsfiddle.net/tv7w3Lku/3/

旁注:克隆具有 ID 的元素将创建具有相同 ID 的多个元素，这可能不是最好的方法，在这种情况下您应该坚持使用类