jquery 數組輸入自動完成器

Question

我正在使用適用於第一個輸入字段的自動完成器 js 插件。 但無法為我使用“添加更多”按鈕添加的下一個輸入字段工作，甚至在克隆輸入字段后重新初始化自動完成 function。

HTML 零件：

<div id='multiUser'>
 <input type='input' name='search_user[]' class='searchClas'/>
</div>
<span id='add_more' class='btn'>Add More</span>

Javascript 零件：

<script>
$("body").on("click","#add_more",function(){
    var cloneHTML="<input type='input' name='search_user[]' class='searchClas'/>";
    $("#multiUser").append(cloneHTML);

   $('.searchClas').autocompleter({

    cache: false,
    source:url,
    combine: function(params) {
      var add_info = $('input[name=add_info]').val();

      return {
        q: params.query,
        count: params.limit,
        add_info: add_info
      };
    },
    callback: function(value, index, object) {
      console.log(
        'Value ' + value + ' are selected (with index ' + index + ').'
      );
      console.log(object);
    }
  });

});

$(function() {
  $('.searchClas').autocompleter({

    cache: false,
    source:url,
    combine: function(params) {
      var add_info = $('input[name=add_info]').val();

      return {
        q: params.query,
        count: params.limit,
        add_info: add_info
      };
    },
    callback: function(value, index, object) {
      console.log(
        'Value ' + value + ' are selected (with index ' + index + ').'
      );
      console.log(object);
    }
  });
});


</script>

任何幫助，將不勝感激。

Answer 1

解決它。 通過克隆字段，它還克隆了導致問題的自動完成插件的 class 並阻止自動完成插件重新初始化它。