Question

我的动态表单有问题。这个输入是：

<input type="text" class="form-control" placeholder="EX: (XX)-XXXX-XXXX" name="phone[]" id="phone">

此输入有掩码

$('#phone').mask('(00)-0000-00000');

一切正常，但是当我添加一个按钮后，在第一个.mask过滤器对新的过滤器不起作用后附加新输入。如何以动态形式应用动态蒙版？

.append函数是：

$('#plusPhone').click(function(){
   $('#appendPhone').append("<div class=\"row\"><div class=\"col-md-6\"><div class=\"form-group\"><label class=\"control-label col-md-3\">Phone</label><div class=\"col-md-9\"><input type=\"text\" class=\"form-control\" placeholder=\"EX: (XX)-XXXX-XXXX\" name=\"phone[]\" id=\"phone\"></div></div></div></div>");   });

Answer 1

你必须像这样动态添加它。这是一个未经测试的代码，但这个想法保持不变。

$('#plusPhone').click(function(){
  $('#appendPhone').append("<div class=\"row\"><div class=\"col-md-6\"><div class=\"form-group\"><label class=\"control-label col-md-3\">Phone</label><div class=\"col-md-9\"><input type=\"text\" class=\"form-control\" placeholder=\"EX: (XX)-XXXX-XXXX\" name=\"phone[]\" id=\"phone\"></div></div></div></div>"); 

  var code = "<script>$('#telefone').mask('(00)-0000-00000');</scr"+"ipt>";
  $('#appendPhone').append($(code)[0]);
)};

以下是如何通过在htmls中动态附加js来执行js的示例 - enter link description here 这样，您可以将代码段附加到动态创建的htmls。希望它有所帮助

Answer 2

帕米奥走在正确的轨道上。但是将脚本附加到页面似乎不起作用（？）。以下适用于我：

$('#plusPhone').click(function(){
   var HTML = 'this contains an input field with the class you want to mask';
   jQuery('#element-you-want-to-append-to').append(HTML);
   jQuery('.class-you-want-masked').mask('99-99-9999');
   //Just call the mask AFTER appending the input, and it should be applied.
)};

如何以动态形式应用动态蒙版？

2 个答案: